修正了弹出层的数据问题
This commit is contained in:
parent
c493582885
commit
1bf49e37b4
@ -6,14 +6,14 @@
|
|||||||
<div class="hits">视频点击量</div>
|
<div class="hits">视频点击量</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list-body">
|
<div class="list-body">
|
||||||
<div class="rank-item" v-for="item in rankData" :key="item.uid" :class="{'mine-item': 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.uid === 5 }">
|
<div class="other-rank" :class="{'mine-rank': item.isme }">
|
||||||
<div class="ranking-number">
|
<div class="ranking-number">
|
||||||
<span v-if="item.uid === 5" class="mine">我的成绩</span>
|
<span v-if="item.isme" class="mine">我的成绩</span>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<img src="@/static/images/rank_first.png" class="rank-img" v-if="item.id === 1" />
|
<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="item.id === 2" />
|
<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="item.id === 3" />
|
<img src="@/static/images/rank_third.png" class="rank-img" v-else-if="index === 2" />
|
||||||
<span class="other" v-else>{{ item.id }}</span>
|
<span class="other" v-else>{{ item.id }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -45,6 +45,11 @@ export default defineComponent({
|
|||||||
components: {
|
components: {
|
||||||
UserOutlined
|
UserOutlined
|
||||||
},
|
},
|
||||||
|
props:{
|
||||||
|
list: {
|
||||||
|
type: Object
|
||||||
|
}
|
||||||
|
},
|
||||||
setup() {
|
setup() {
|
||||||
interface RankItem {
|
interface RankItem {
|
||||||
uid: number;
|
uid: number;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user