客户管理 加载更多

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;
            padding: 20rpx 0;
      text-align: center;
      color: #999;
      font-size: 28rpx;
            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>