客户管理 加载更多

zxl

2025-06-09 882c2a5c9d7b6df827d006b5ae261c199d116f1e

客户管理 加载更多

 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: '正在加载',
                  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>