hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 11:56:44 +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>
</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 style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
<div class="bm">经验值</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="tab-rank" >
<img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -128,14 +128,14 @@
我的学习时长: <span> {{learningDurationTotalData.rankValue}}</span> h
</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 style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
<!-- <div class="bm">学习时长:小时</div> -->
<div style="margin-left:40%;">学习时长:小时</div>
<div style="margin-left:36%;">学习时长:小时</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="tab-rank">
<img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -212,13 +212,13 @@
我的学习天数 : <span>{{learningDaysTotalData.rankValue}}</span>
</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 style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
<div class="bm">学习天数</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="tab-rank" >
<img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -535,6 +535,7 @@ export default {
.exp-table{
//width: 100%;
padding-left: 25px;
padding-right: 10px;
.table-hear{
display: flex;
div{
@@ -546,7 +547,7 @@ export default {
}
.bm{
// flex: 1;
margin-left: 50%;
margin-left: 46%;
// float: right;
}
.jy{
@@ -562,10 +563,11 @@ export default {
.myselftext{
height: 75px;
padding: 0 25px;
//width: 100%;
width: 100%;
display: flex;
justify-content: space-between;
.myranking{
flex: 1;
// flex: 1;
line-height: 75px;
font-size: 14px;
font-weight: 400;
@@ -577,9 +579,9 @@ export default {
}
}
.myexperience{
text-align: right;
// text-align: right;
line-height: 75px;
margin-left: auto;
// margin-left: auto;
font-size: 14px;
font-weight: 400;
color: #666666;
@@ -592,6 +594,7 @@ export default {
}
.tab-jy{
padding-top: 10px;
padding-right: 10px;
div{
line-height: 28px;
width: 70px;