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

修改排行榜排名显示控制。

Browse Source
This commit is contained in:
weinan2087
2022-09-28 20:31:02 +08:00
parent 99d21bda8d
commit b2a2817b00
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,7 +18,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown>
</div>
</div>
<div class="myselftext">
@@ -27,7 +27,7 @@
</div>
<div class="myexperience">
我的经验值 : <span>{{experience.data.total || experience.data.months || experience.data.years || experience.data.weeks}}</span>
</div>
</div>
<div class="exp-bar">
@@ -61,31 +61,31 @@
<span>{{ran.authorInfo.name}}</span>
<div class="tab-bm">{{ran.authorInfo.orgInfo}}</div>
</div>
</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.total}}</div>
</div>
</div>
</div>
<div class="omit">
<div v-if="experience.data.total>4" class="omit">
<div>.</div> <div>.</div> <div>.</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div v-if="experience.data.total>4" 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 class="tab-name" v-if="experience.data.authorInfo && experience.data.authorInfo.aid">
<author-img :avatar="experience.data.authorInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img>
<author-img :avatar="experience.data.authorInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img>
<div>
<span style="color: #0059FF;">{{experience.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{experience.data.authorInfo.orgInfo}}</div>
</div>
</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.total}}</div>
</div>
</div>
</div>
</div>
@@ -106,7 +106,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown>
</div>
</div>
<div class="myselftext">
@@ -134,7 +134,7 @@
<div class="tab-name">
<author-img :avatar="lan.authorInfo.avatar" :aid="lan.authorInfo.aid" :sex="lan.authorInfo.sex"></author-img>
<div>
<span>{{lan.authorInfo.name}}</span>
<span>{{lan.authorInfo.name}}</span>
<div class="tab-bm">{{lan.authorInfo.orgInfo}}</div>
</div>
</div>
@@ -143,15 +143,15 @@
</div>
</div>
</div>
<div class="omit">
<div v-if="learningDuration.data.total>5" class="omit">
<div>.</div> <div>.</div> <div>.</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div v-if="learningDuration.data.total>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" >{{learningDuration.data.rankingNo}}</div>
<div class="tab-name" v-if="learningDuration.data.authorInfo && learningDuration.data.authorInfo.aid">
<author-img :avatar="learningDuration.data.authorInfo.avatar" :aid="learningDuration.data.authorInfo.aid" :sex="learningDuration.data.authorInfo.sex"></author-img>
<div>
<span style="color: #0059FF;">{{learningDuration.data.authorInfo.name}}</span>
<span style="color: #0059FF;">{{learningDuration.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{learningDuration.data.authorInfo.orgInfo}}</div>
</div>
</div>
@@ -179,7 +179,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown>
</div>
</div>
<div class="myselftext">
@@ -211,34 +211,34 @@
<div class="tab-bm" style="margin-left:30px;">{{day.authorInfo.orgInfo}}</div>
</div>
</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">{{day.total}}</div>
</div>
</div>
</div>
<div class="omit">
<div v-if="learningDays.data.total>5" class="omit">
<div>.</div> <div>.</div> <div>.</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div v-if="learningDays.data.total>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" >{{learningDays.data.rankingNo}}</div>
<div class="tab-name" v-if="learningDays.data.authorInfo && learningDays.data.authorInfo.aid">
<author-img :avatar="learningDays.data.authorInfo.avatar" :aid="learningDays.data.authorInfo.aid" :sex="learningDays.data.authorInfo.sex"></author-img>
<author-img :avatar="learningDays.data.authorInfo.avatar" :aid="learningDays.data.authorInfo.aid" :sex="learningDays.data.authorInfo.sex"></author-img>
<div>
<span style="color: #0059FF;">{{learningDays.data.authorInfo.name}}</span>
<span style="color: #0059FF;">{{learningDays.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{learningDays.data.authorInfo.orgInfo}}</div>
</div>
</div>
<div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.total}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
@@ -251,7 +251,7 @@
export default {
computed: {
...mapGetters(['userInfo']),
},
components: {authorImg},
data(){
@@ -377,8 +377,8 @@ export default {
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
this.learningDuration.data = res.result.currentUserRankingData;
}
const ids= [];
res.result.rankingData.forEach(item=>{
ids.push(item.aid)
@@ -415,7 +415,7 @@ export default {
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]);
this.learningDays.data = res.result.currentUserRankingData;
}
const ids= [];
res.result.rankingData.forEach(item=>{
ids.push(item.aid)
@@ -488,8 +488,8 @@ export default {
text-align: center;
}
}
}
.myselftext{
height: 75px;
@@ -556,20 +556,20 @@ export default {
font-size: 14px;
font-weight: 600;
}
}
.tab-rank{
// text-align: center;
img{
width: 40px;
height: 40px;
}
}
.experience{
min-width: 400px;
.exp-hear{
width: 100%;
height: 65px;
@@ -602,7 +602,7 @@ export default {
}
}
.exp-bar{
width: 100%;
h6{
@@ -643,7 +643,7 @@ export default {
z-index: 999;
}
}
}
}
@@ -686,4 +686,4 @@ export default {
}
}
</style>
</style>