From 882c2a5c9d7b6df827d006b5ae261c199d116f1e Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期一, 09 六月 2025 11:11:02 +0800 Subject: [PATCH] 客户管理 加载更多 --- pages/userPermissions/userPermissions.vue | 52 ++++++++++++++++++++-------------------------------- 1 files changed, 20 insertions(+), 32 deletions(-) diff --git a/pages/userPermissions/userPermissions.vue b/pages/userPermissions/userPermissions.vue index 1c2079f..c13d57d 100644 --- a/pages/userPermissions/userPermissions.vue +++ b/pages/userPermissions/userPermissions.vue @@ -32,18 +32,24 @@ </view> <!-- 鍔犺浇鏇村鎻愮ず --> - <view class="load-more" v-if="loading"> - <u-loading :show="loading"></u-loading> + + <view class="load-more"> + <u-loadmore + v-if="mockData.length > 0" + :status="loading ? 'loading' : noMore ? 'nomore' : 'loadmore'" + :load-text="{ + loadmore: '涓婃媺鍔犺浇鏇村', + loading: '姝e湪鍔犺浇', + nomore: '娌℃湁鏇村浜�' + }" + /> </view> - <view class="load-more" v-if="noMoreData"> - <text>娌℃湁鏇村鏁版嵁浜�</text> + <view style="height:150rpx"> + </view> </scroll-view> - <!-- 绌虹姸鎬� --> - <view class="empty" v-else> - <text>鏆傛棤鐢ㄦ埛鏁版嵁</text> - </view> + </view> </template> @@ -270,30 +276,12 @@ } } } - .load-more { - padding: 20rpx; - text-align: center; - color: #999; - font-size: 28rpx; - } + padding: 20rpx 0; + text-align: center; + color: #999; + font-size: 26rpx; + background-color: #f7f8fa; + } - .empty { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 40rpx; - - image { - width: 200rpx; - margin-bottom: 20rpx; - } - - text { - color: #999; - font-size: 28rpx; - } - } </style> \ No newline at end of file -- Gitblit v1.8.0