diff --git a/dist.rar b/dist.rar index c91c7ab..fcc0a4a 100644 Binary files a/dist.rar and b/dist.rar differ diff --git a/src/views/mobile/ListDetails.vue b/src/views/mobile/ListDetails.vue index f73ce6d..d57fc38 100644 --- a/src/views/mobile/ListDetails.vue +++ b/src/views/mobile/ListDetails.vue @@ -3,7 +3,7 @@
- +
@@ -17,14 +17,14 @@ v-infinite-scroll="scrollEvent" class="scroll-content" infinite-scroll-throttle-delay="500" - infinite-scroll-disabled="busy" - infinite-scroll-distance="10" + :infinite-scroll-disabled="busy" + infinite-scroll-distance="40" >
{{ item.rank }}
{{ item.twitter }}
-
{{ numFormat(item.clan) }}
-
{{numFormat(item.point) }}
+
{{ numFormat(item.clan) }}
+
{{ numFormat(item.point) }}
@@ -42,8 +42,8 @@
{{ item.rank }}
{{ item.twitter }}
-
{{numFormat(item.clan) }}
-
{{numFormat(item.point) }}
+
{{ numFormat(item.clan) }}
+
{{ numFormat(item.point) }}
@@ -62,21 +62,22 @@ export default { leaderboardMe: null, offset: 0, busy: false, - account: '', + account: "", limit: 10, }; }, methods: { // 列表滚动事件 scrollEvent(e) { - this.offset += 1; + this.busy = true; + this.offset += 10; this.updateData(); }, numFormat(num) { - num = parseFloat(num) - return (num.toString().indexOf ('.') !== -1) ? - num.toLocaleString(): - num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') + num = parseFloat(num); + return num.toString().indexOf(".") !== -1 + ? num.toLocaleString() + : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); }, updateData() { this.$axios @@ -86,8 +87,9 @@ export default { limit: 10, }) .then((res) => { - - this.leaderboard = res.data.data; + if (res.data.data.length > 0) + this.leaderboard = this.leaderboard.concat(res.data.data); + this.busy = false; }) .catch((err) => { console.error(err); @@ -103,7 +105,6 @@ export default { limit: 10, }) .then((res) => { - this.leaderboard = res.data.data; }) .catch((err) => { @@ -115,7 +116,6 @@ export default { account: AppModule.account, }) .then((res) => { - this.leaderboardMe = res.data.data; }) .catch((err) => { @@ -149,7 +149,7 @@ export default { .list-content { width: 94%; margin: 0 auto; - // opacity: 0.6; + // opacity: 0.6; background: #0c0c0c; border: 1px solid rgba(208, 163, 110, 0.6); .list-title { @@ -176,7 +176,7 @@ export default { font-size: 0.5rem; color: #cfa16c; } -.title-img{ +.title-img { width: 72%; } .clan-member { @@ -206,7 +206,7 @@ export default { justify-content: center; align-items: center; text-align: center; - font-family: 'OPPOSans'; + font-family: "OPPOSans"; font-weight: normal; font-size: 0.2rem; color: #fff; @@ -215,14 +215,14 @@ export default { width: 34vw; display: flex; align-items: center; - font-family: 'OPPOSans'; + font-family: "OPPOSans"; font-weight: normal; font-size: 0.2rem; color: #fff; } .clan-member-item { width: 28vw; - font-family: 'OPPOSans'; + font-family: "OPPOSans"; display: flex; align-items: center; font-weight: normal; @@ -231,7 +231,7 @@ export default { } .points-item { width: 20vw; - font-family: 'OPPOSans'; + font-family: "OPPOSans"; display: flex; align-items: center;