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

BIN
dist.rar

Binary file not shown.

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,8 +17,8 @@
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>
@ -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) => {
@ -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;