绿满眶商城微信小程序-uniapp
zhanghua
6 天以前 1113721c0e068c57adbc15149cce15563960a7f2
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>
@@ -55,27 +61,10 @@
      update,
      restPassword
   } from "@/api/userPermissions.js"
   import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue';
   import UButton from '@/uview-components/uview-ui/components/u-button/u-button.vue';
   import UForm from '@/uview-components/uview-ui/components/u-form/u-form.vue';
   import UFormItem from '@/uview-components/uview-ui/components/u-form-item/u-form-item.vue';
   import UInput from '@/uview-components/uview-ui/components/u-input/u-input.vue';
   import USearch from '@/uview-components/uview-ui/components/u-search/u-search.vue';
   import UPopup from '@/uview-components/uview-ui/components/u-popup/u-popup.vue';
   import ULoading from '@/uview-components/uview-ui/components/u-loading/u-loading.vue'
   import '@/components/uview-components/uview-ui';
   export default {
      components: {
         UIcon,
         UButton,
         UForm,
         UFormItem,
         UInput,
         USearch,
         UPopup,
         ULoading
      },
      data() {
         return {
            userList: [], // 用户列表数据
@@ -270,30 +259,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>