| | |
| | | </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> |
| | | |
| | |
| | | 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: [], // 用户列表数据 |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .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> |