绿满眶商城微信小程序-uniapp
peng
2025-06-19 f3429013f18b25e2dc4dd99d230170c1892a1479
pages/customerManager/customerManager.vue
@@ -1,11 +1,53 @@
<template>
   <view>
   <view >
      <!-- 内容区域 -->
      <scroll-view scroll-y  style="height: 100vh;"   @scrolltolower="loadMore" class="user-list"
          :lower-threshold="100"
         >
         <view >
         <view class="user-item" v-for="(user, index) in userList" :key="user.id" >
            <view class="user-info">
               <text class="realName">{{ user.realName }}</text>
               <text class="mobile">{{ user.mobile }}</text>
            </view>
            <!-- 操作按钮区域 -->
            <view class="action-buttons">
               <u-button type="primary" size="mini" @click.stop="restPassword(user.memberId)" class="edit-btn">重置密码</u-button>
               <u-button type="primary" size="mini" @click.stop="navigateToDetail(user.id)" class="edit-btn">修改</u-button>
               <u-button type="error" size="mini" @click.stop="deleteUser(user.id)"
                  class="delete-btn">删除</u-button>
            </view>
         </view>
         </view>
          <!-- 改进的加载更多提示 -->
               <view >
                 <u-loadmore  class="load-more"
                   v-if="mockData.length > 0"
                   :status="loading ? 'loading' : noMore ? 'nomore' : 'loadmore'"
                   :load-text="{
                     loadmore: '上拉加载更多',
                     loading: '正在加载',
                     nomore: '没有更多了'
                   }"
                 />
               </view>
              <view style="height:150rpx">
              </view>
      </scroll-view>
      
   </view>
</template>
<script>
   import '@/components/uview-components/uview-ui';
   export default {
      data() {
         return {
            
@@ -18,5 +60,11 @@
</script>
<style>
.load-more {
         padding: 20rpx 0;
         text-align: center;
         color: #999;
         font-size: 26rpx;
         background-color: #f7f8fa;
      }
</style>