hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 12:56:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

排行榜样式

Browse Source
This commit is contained in:
zhaofang
2022-10-18 16:52:36 +08:00
parent 852dcf080f
commit f6296d50c4
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/user/ranking.vue
View File

@@ -42,13 +42,13 @@
<span>{{current.end}}</span> <span>{{current.end}}</span>
</div> </div>
</div> </div>
<div class="exp-table" style="margin-top:36px"> <div class="exp-table" style="margin-top:36px;height:500px;overflow-y:auto">
<div class="table-hear"> <div class="table-hear">
<div style="margin-left:5px">排名</div> <div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div> <div style="margin-left:5px">姓名</div>
<div class="bm">经验值</div> <div class="bm">经验值</div>
</div> </div>
<div style="height:450px;overflow-y:auto"> <div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id">
<div class="tab-rank" > <div class="tab-rank" >
<img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/> <img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -128,14 +128,14 @@
我的学习时长: <span> {{learningDurationTotalData.rankValue}}</span> h 我的学习时长: <span> {{learningDurationTotalData.rankValue}}</span> h
</div> </div>
</div> </div>
<div class="exp-table" style="margin-top:20px"> <div class="exp-table" style="margin-top:20px;height:600px;overflow-y:auto">
<div class="table-hear"> <div class="table-hear">
<div style="margin-left:5px">排名</div> <div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div> <div style="margin-left:5px">姓名</div>
<!-- <div class="bm">学习时长:小时</div> --> <!-- <div class="bm">学习时长:小时</div> -->
<div style="margin-left:40%;">学习时长:小时</div> <div style="margin-left:36%;">学习时长:小时</div>
</div> </div>
<div style="height:500px;overflow-y:auto"> <div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id">
<div class="tab-rank"> <div class="tab-rank">
<img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/> <img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -212,13 +212,13 @@
我的学习天数 : <span>{{learningDaysTotalData.rankValue}}</span> 我的学习天数 : <span>{{learningDaysTotalData.rankValue}}</span>
</div> </div>
</div> </div>
<div class="exp-table" style="margin-top:20px"> <div class="exp-table" style="margin-top:20px;height:600px;overflow-y:auto">
<div class="table-hear"> <div class="table-hear">
<div style="margin-left:5px">排名</div> <div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div> <div style="margin-left:5px">姓名</div>
<div class="bm">学习天数</div> <div class="bm">学习天数</div>
</div> </div>
<div style="height:500px;overflow-y:auto"> <div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id">
<div class="tab-rank" > <div class="tab-rank" >
<img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/> <img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -535,6 +535,7 @@ export default {
.exp-table{ .exp-table{
//width: 100%; //width: 100%;
padding-left: 25px; padding-left: 25px;
padding-right: 10px;
.table-hear{ .table-hear{
display: flex; display: flex;
div{ div{
@@ -546,7 +547,7 @@ export default {
} }
.bm{ .bm{
// flex: 1; // flex: 1;
margin-left: 50%; margin-left: 46%;
// float: right; // float: right;
} }
.jy{ .jy{
@@ -562,10 +563,11 @@ export default {
.myselftext{ .myselftext{
height: 75px; height: 75px;
padding: 0 25px; padding: 0 25px;
//width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between;
.myranking{ .myranking{
flex: 1; // flex: 1;
line-height: 75px; line-height: 75px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -577,9 +579,9 @@ export default {
} }
} }
.myexperience{ .myexperience{
text-align: right; // text-align: right;
line-height: 75px; line-height: 75px;
margin-left: auto; // margin-left: auto;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
@@ -592,6 +594,7 @@ export default {
} }
.tab-jy{ .tab-jy{
padding-top: 10px; padding-top: 10px;
padding-right: 10px;
div{ div{
line-height: 28px; line-height: 28px;
width: 70px; width: 70px;