积分排行

This commit is contained in:
liuye
2023-04-20 10:01:14 +08:00
parent ba9279e304
commit 56e4f29746

View File

@@ -12,7 +12,7 @@
<div class="item">
<span class="item-num">{{ inx + 1 }}</span>
<image :src="userInfo[0].avatar_url" alt="" class="user-img mar-b4" v-if="userInfo[0].avatar_url" />
<span class="user-name-bg mar-b4 mar-r24" v-else>{{ $formatName(userInfo[0].name) }}</span>
<div class="user-name-bg mar-b4 mar-r24" v-else>{{ formatName(userInfo[0].name) }}</div>
<span class="item-name">{{ userInfo[0].name }}</span>
<span class="item-point">{{ userInfo[0].integral }}</span>
</div>
@@ -23,12 +23,14 @@
<div class="item" v-if="list.length > 1">
<img src="https://cdn.cunwuyun.cn/dvcp/credit/2.png" alt="" class="top-img">
<img :src="list[1].avatar_url" alt="" class="user-img mar-b4" v-if="list[1].avatar_url">
<div class="user-name-bg mar-b4" v-else>{{ formatName(list[1].name) }}</div>
<p class="user-name mar-b8">{{ list[1].name }}</p>
<p class="item-num">{{ list[1].integral }}</p>
</div>
<div class="item-top item" v-if="list.length > 0">
<img src="https://cdn.cunwuyun.cn/dvcp/credit/1.png" alt="" class="top-img-one">
<img :src="list[0].avatar_url" alt="" class="user-img mar-b4" v-if="list[0].avatar_url">
<div class="user-name-bg mar-b4" v-else>{{ formatName(list[0].name) }}</div>
<p class="user-name mar-b8">{{ list[0].name }}</p>
<p class="item-num">{{ list[0].integral }}</p>
</div>
@@ -43,6 +45,7 @@
<div class="item" v-for="(item, index) in list" :key="index" v-if="index > 2">
<span class="item-num">{{ index+1 }}</span>
<img :src="item.avatar_url" alt="" class="user-img mar-b4" v-if="item.avatar_url">
<div class="user-name-bg mar-b4" v-else>{{ formatName(item.name) }}</div>
<span class="item-name">{{ item.name }}</span>
<span class="item-point">{{ item.integral }}</span>
</div>
@@ -84,7 +87,7 @@ export default {
},
getList() {// 积分排行
this.list = {}
var url = `/app/appintegraluser/integralSortFD?type=${this.tabIndex}&size=50&areaId=${this.user.areaId}` //积分排行
var url = `/app/appintegraluser/integralSortFD?type=${this.tabIndex}&size=50` //积分排行 &areaId=${this.user.areaId}
this.$instance.post(url).then(res => {
if (res.code === 0) {
this.list = res.data.map(e=> ({...e, index: e.index}))
@@ -94,6 +97,12 @@ export default {
}
})
},
formatName(name) {
if (name == undefined) {
return
}
return name.substr(name.length - 2, name.length > 2 ? (name.length - 1) : name.length)
},
},
onReachBottom() {
// if (this.list.length < 50) {