修正了弹出层的数据问题

This commit is contained in:
luyuan 2020-11-16 11:09:29 +08:00
parent c493582885
commit 1bf49e37b4
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3

View File

@ -6,14 +6,14 @@
<div class="hits">视频点击量</div>
</div>
<div class="list-body">
<div class="rank-item" v-for="item in rankData" :key="item.uid" :class="{'mine-item': item.uid === 5 }">
<div class="other-rank" :class="{'mine-rank': item.uid === 5 }">
<div class="rank-item" v-for="(item,index) in list" :key="index" :class="{'mine-item': item.isme }">
<div class="other-rank" :class="{'mine-rank': item.isme }">
<div class="ranking-number">
<span v-if="item.uid === 5" class="mine">我的成绩</span>
<span v-if="item.isme" class="mine">我的成绩</span>
<div v-else>
<img src="@/static/images/rank_first.png" class="rank-img" v-if="item.id === 1" />
<img src="@/static/images/rank_second.png" class="rank-img" v-else-if="item.id === 2" />
<img src="@/static/images/rank_third.png" class="rank-img" v-else-if="item.id === 3" />
<img src="@/static/images/rank_first.png" class="rank-img" v-if="index === 0" />
<img src="@/static/images/rank_second.png" class="rank-img" v-else-if="index === 1" />
<img src="@/static/images/rank_third.png" class="rank-img" v-else-if="index === 2" />
<span class="other" v-else>{{ item.id }}</span>
</div>
</div>
@ -45,6 +45,11 @@ export default defineComponent({
components: {
UserOutlined
},
props:{
list: {
type: Object
}
},
setup() {
interface RankItem {
uid: number;