From d3d512edc50ac9a9caf8ddb395997642baf1c3f2 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 12 Jan 2021 17:11:27 +0800
Subject: [PATCH] 实现界面锁定功能
---
plugins/infiniteScroll/CInfiniteScroll.vue | 40 +++++++++++++++++++++++-----------------
1 files changed, 23 insertions(+), 17 deletions(-)
diff --git a/plugins/infiniteScroll/CInfiniteScroll.vue b/plugins/infiniteScroll/CInfiniteScroll.vue
index b66a703..f54c096 100644
--- a/plugins/infiniteScroll/CInfiniteScroll.vue
+++ b/plugins/infiniteScroll/CInfiniteScroll.vue
@@ -10,12 +10,18 @@
@scroll="evt=>onScroll(evt)"
>
<slot />
- <view class="bottom">
- <view v-if="loading">加载中，请稍后...</view>
+ <view class="c-infinite-bottom">
+ <view
+ class="c-infinite-loading"
+ v-if="loading"
+ >加载中，请稍后...</view>
<view v-if="ending">
- <text v-if="pageTatal > 0">-- 没有更多了 --</text>
<text
- class="empty"
+ class="c-infinite-ended"
+ v-if="pageTotal > 0"
+ >-- 没有更多了 --</text>
+ <text
+ class="c-infinite-empty"
v-else
>暂无数据...</text>
</view>
@@ -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