crypto/cebg-activities
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merge

Browse Source
This commit is contained in:
huangjinming 2022-11-21 15:47:59 +08:00
parent 5fde37ebdb
commit 8dd2d3048c
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.rar
View File

Binary file not shown.

46
src/views/mobile/ListDetails.vue
View File

@ -3,7 +3,7 @@
<div class="title"> <div class="title">
<!-- <div>GEBG PREBETA</div> <!-- <div>GEBG PREBETA</div>
<div class="title-bottom">POINTS LEADERBOARD</div> --> <div class="title-bottom">POINTS LEADERBOARD</div> -->
<img class="title-img" src="../../assets/mobile/cebg.png" alt=""> <img class="title-img" src="../../assets/mobile/cebg.png" alt="" />
</div> </div>
<div class="list-content"> <div class="list-content">
<div class="list-title"> <div class="list-title">
@ -17,14 +17,14 @@
v-infinite-scroll="scrollEvent" v-infinite-scroll="scrollEvent"
class="scroll-content" class="scroll-content"
infinite-scroll-throttle-delay="500" infinite-scroll-throttle-delay="500"
infinite-scroll-disabled="busy" :infinite-scroll-disabled="busy"
infinite-scroll-distance="10" infinite-scroll-distance="40"
> >
<div class="list-item" v-for="(item, i) in leaderboard" :key="i"> <div class="list-item" v-for="(item, i) in leaderboard" :key="i">
<div class="rabk-item">{{ item.rank }}</div> <div class="rabk-item">{{ item.rank }}</div>
<div class="tweitter-item">{{ item.twitter }}</div> <div class="tweitter-item">{{ item.twitter }}</div>
<div class="clan-member-item">{{ numFormat(item.clan) }}</div> <div class="clan-member-item">{{ numFormat(item.clan) }}</div>
<div class="points-item">{{numFormat(item.point) }}</div> <div class="points-item">{{ numFormat(item.point) }}</div>
</div> </div>
</div> </div>
<!-- // <VScroll :allList="leaderboard" :oneHeight="150" :lower="150" @scrollLower="scrollLower"> --> <!-- // <VScroll :allList="leaderboard" :oneHeight="150" :lower="150" @scrollLower="scrollLower"> -->
@ -42,8 +42,8 @@
<div>{{ item.rank }}</div> <div>{{ item.rank }}</div>
</div> </div>
<div class="tweitter-item">{{ item.twitter }}</div> <div class="tweitter-item">{{ item.twitter }}</div>
<div class="clan-member-item">{{numFormat(item.clan) }}</div> <div class="clan-member-item">{{ numFormat(item.clan) }}</div>
<div class="points-item">{{numFormat(item.point) }}</div> <div class="points-item">{{ numFormat(item.point) }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -62,21 +62,22 @@ export default {
leaderboardMe: null, leaderboardMe: null,
offset: 0, offset: 0,
busy: false, busy: false,
account: '', account: "",
limit: 10, limit: 10,
}; };
}, },
methods: { methods: {
// 列表滚动事件 // 列表滚动事件
scrollEvent(e) { scrollEvent(e) {
this.offset += 1; this.busy = true;
this.offset += 10;
this.updateData(); this.updateData();
}, },
numFormat(num) { numFormat(num) {
num = parseFloat(num) num = parseFloat(num);
return (num.toString().indexOf ('.') !== -1) ? return num.toString().indexOf(".") !== -1
num.toLocaleString(): ? num.toLocaleString()
num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
}, },
updateData() { updateData() {
this.$axios this.$axios
@ -86,8 +87,9 @@ export default {
limit: 10, limit: 10,
}) })
.then((res) => { .then((res) => {
if (res.data.data.length > 0)
this.leaderboard = res.data.data; this.leaderboard = this.leaderboard.concat(res.data.data);
this.busy = false;
}) })
.catch((err) => { .catch((err) => {
console.error(err); console.error(err);
@ -103,7 +105,6 @@ export default {
limit: 10, limit: 10,
}) })
.then((res) => { .then((res) => {
this.leaderboard = res.data.data; this.leaderboard = res.data.data;
}) })
.catch((err) => { .catch((err) => {
@ -115,7 +116,6 @@ export default {
account: AppModule.account, account: AppModule.account,
}) })
.then((res) => { .then((res) => {
this.leaderboardMe = res.data.data; this.leaderboardMe = res.data.data;
}) })
.catch((err) => { .catch((err) => {
@ -149,7 +149,7 @@ export default {
.list-content { .list-content {
width: 94%; width: 94%;
margin: 0 auto; margin: 0 auto;
// opacity: 0.6; // opacity: 0.6;
background: #0c0c0c; background: #0c0c0c;
border: 1px solid rgba(208, 163, 110, 0.6); border: 1px solid rgba(208, 163, 110, 0.6);
.list-title { .list-title {
@ -176,7 +176,7 @@ export default {
font-size: 0.5rem; font-size: 0.5rem;
color: #cfa16c; color: #cfa16c;
} }
.title-img{ .title-img {
width: 72%; width: 72%;
} }
.clan-member { .clan-member {
@ -206,7 +206,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
font-family: 'OPPOSans'; font-family: "OPPOSans";
font-weight: normal; font-weight: normal;
font-size: 0.2rem; font-size: 0.2rem;
color: #fff; color: #fff;
@ -215,14 +215,14 @@ export default {
width: 34vw; width: 34vw;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: 'OPPOSans'; font-family: "OPPOSans";
font-weight: normal; font-weight: normal;
font-size: 0.2rem; font-size: 0.2rem;
color: #fff; color: #fff;
} }
.clan-member-item { .clan-member-item {
width: 28vw; width: 28vw;
font-family: 'OPPOSans'; font-family: "OPPOSans";
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: normal; font-weight: normal;
@ -231,7 +231,7 @@ export default {
} }
.points-item { .points-item {
width: 20vw; width: 20vw;
font-family: 'OPPOSans'; font-family: "OPPOSans";
display: flex; display: flex;
align-items: center; align-items: center;