From bde60a4ab1c176bef2f15a36b5e355708a4a1939 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 21 Dec 2020 15:11:18 +0800
Subject: [PATCH] 微调无限滚动显示
---
plugins/infiniteScroll/CInfiniteScroll.vue | 38 ++++++++++++++++++++++----------------
1 files changed, 22 insertions(+), 16 deletions(-)
diff --git a/plugins/infiniteScroll/CInfiniteScroll.vue b/plugins/infiniteScroll/CInfiniteScroll.vue
index b66a703..b366640 100644
--- a/plugins/infiniteScroll/CInfiniteScroll.vue
+++ b/plugins/infiniteScroll/CInfiniteScroll.vue
@@ -10,10 +10,16 @@
@scroll="evt=>onScroll(evt)"
>
<slot />
- <view class="bottom">
- <view v-if="loading">加载中，请稍后...</view>
+ <view class="c-infinite-bottom">
+ <view
+ class="loading"
+ v-if="loading"
+ >加载中，请稍后...</view>
<view v-if="ending">
- <text v-if="pageTatal > 0">-- 没有更多了 --</text>
+ <text
+ class="ended"
+ v-if="pageTotal > 0"
+ >-- 没有更多了 --</text>
<text
class="empty"
v-else
@@ -68,21 +74,21 @@
next: this.current + 1,
// 加载成功
success: (options) => {
- // 没有数据
- if (!options.pageTotal || options.pageTotal <= 0) {
- this.ending = true;
- }
- // 有数据
- else {
- this.pageTotal = options.pageTotal;
- this.current = this.current + 1;
- // 已到最后一页
- if (this.current >= this.pageTotal) {
- this.ending = true;
- }
- }
setTimeout(() => {
this.loading = false;
+ // 没有数据
+ if (!options.pageTotal || options.pageTotal <= 0) {
+ this.ending = true;
+ }
+ // 有数据
+ else {
+ this.pageTotal = options.pageTotal;
+ this.current = this.current + 1;
+ // 已到最后一页
+ if (this.current >= this.pageTotal) {
+ this.ending = true;
+ }
+ }
}, 100);
},
// 加载失败
--
Gitblit v1.9.1