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:
weinan2087
2022-10-21 17:38:09 +08:00
parent 58af73822f
commit 8f506470eb
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -32,6 +32,8 @@
我的经验值 : <span>{{currentUserRankingTotalData.rankValue}}</span> 我的经验值 : <span>{{currentUserRankingTotalData.rankValue}}</span>
</div> </div>
</div> </div>
<!--
<div class="exp-bar"> <div class="exp-bar">
<h6> {{currentUserRankingTotalData.rankValue}}/{{currentUserRankingTotalData.endValue}}</h6> <h6> {{currentUserRankingTotalData.rankValue}}/{{currentUserRankingTotalData.endValue}}</h6>
<div class="exp-barbox"> <div class="exp-barbox">
@@ -42,7 +44,9 @@
<span>{{current.end}}</span> <span>{{current.end}}</span>
</div> </div>
</div> </div>
<div class="exp-table" style="margin-top:36px;height:500px;overflow-y:auto"> -->
<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>
@@ -72,10 +76,10 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="experience.data.rankingNo>4" class="omit"> <div v-if="experience.data.rankingNo>5" class="omit">
<div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div>
</div> </div>
<div v-if="experience.data.rankingNo>4" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px"> <div v-if="experience.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div> <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
<div class="tab-name" v-if="experience.data.authorInfo && experience.data.authorInfo.aid"> <div class="tab-name" v-if="experience.data.authorInfo && experience.data.authorInfo.aid">
<author-img :avatar="userInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img> <author-img :avatar="userInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img>
@@ -125,15 +129,14 @@
我的排名 : <span> {{learningDurationTotalData.rankNo}}</span> 我的排名 : <span> {{learningDurationTotalData.rankNo}}</span>
</div> </div>
<div class="myexperience"> <div class="myexperience">
我的学习时长: <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span> h 我的学习时长: <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span>
</div> </div>
</div> </div>
<div class="exp-table" style="margin-top:20px;height:600px;overflow-y:auto"> <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 style="margin-left:36%;">学习时长</div>
<div style="margin-left:36%;">学习时长:小时</div>
</div> </div>
<div> <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">
@@ -361,7 +364,7 @@ export default {
aid:this.userInfo.aid,// #用户id aid:this.userInfo.aid,// #用户id
statType:20, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数 statType:20, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计 field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
num:4,// #显示的条数 num:5,// #显示的条数
} }
apiStat.getRanking(data).then(res=>{ apiStat.getRanking(data).then(res=>{
if(res.status==200){ if(res.status==200){