zm

pages/component/commonComponents/list.vue

@@ -1,30 +1,34 @@
 <template>
 	<view style="width: 100%; height: 100%;">
-		<scroll-view @scrolltolower="lower" scroll-y="true" class="scroll-Y" v-if="dataList&&dataList.length > 0"
-			style="height: 100%">
-			<view @click="gotoDetail(item, index)" class="scroll-view-item list_item" v-for="(item, index) in dataList"
-				:key="indexKey ? item[indexKey] : item.id" :index="indexKey ? item[indexKey] : index"
-				style="align-items: flex-start">
-				<view :class="['titleItem', '']" :style="`width:${isNoIcon ? '100%' : 'calc(100% - 30rpx)'}`">
-					<slot name="leftSlot" :row="item" :item="item" :index="index"> </slot>
 
-					<template v-if="isCondition">
+		<view v-if="axiosStatus!=''">
+			<scroll-view @scrolltolower="lower" scroll-y="true" class="scroll-Y" v-if="dataList&&dataList.length > 0"
+				style="height: 100%">
+				<view @click="gotoDetail(item, index)" class="scroll-view-item list_item"
+					v-for="(item, index) in dataList" :key="indexKey ? item[indexKey] : item.id"
+					:index="indexKey ? item[indexKey] : index" style="align-items: flex-start">
+					<view :class="['titleItem', '']" :style="`width:${isNoIcon ? '100%' : 'calc(100% - 30rpx)'}`">
+						<slot name="leftSlot" :row="item" :item="item" :index="index"> </slot>
 
-						<slot name="labelSlot" :row="item" :rowIndex="index"></slot>
-					</template>
-					<template v-else>
-						{{ item[label] }}
-					</template>
+						<template v-if="isCondition">
 
-					<slot name="rightSlot" :row="item" :rowIndex="index"></slot>
+							<slot name="labelSlot" :row="item" :rowIndex="index"></slot>
+						</template>
+						<template v-else>
+							{{ item[label] }}
+						</template>
+
+						<slot name="rightSlot" :row="item" :rowIndex="index"></slot>
+					</view>
+					<image v-if="!isNoIcon" src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
 				</view>
-				<image v-if="!isNoIcon" src="@/static/icon/icon_right.png" class="rightArrow" style=""></image>
-			</view>
-		</scroll-view>
-		<u-empty v-else-if="noDataIcon && isLoadingHide" :mode="noDataIcon"
-			:icon="`http://cdn.uviewui.com/uview/empty/${noDataIcon}.png`">
-		</u-empty>
-		<u-divider style="width: 100%;" v-else text="暂无数据哦~"></u-divider>
+			</scroll-view>
+			<u-empty v-else-if="noDataIcon && isLoadingHide" :mode="noDataIcon"
+				:icon="`http://cdn.uviewui.com/uview/empty/${noDataIcon}.png`">
+			</u-empty>
+			<u-divider style="width: 100%;" v-else text="暂无数据哦~"></u-divider>
+		</view>
+
 	</view>
 </template>
 
@@ -42,11 +46,20 @@
 			"pagination",
 			"noDataIcon",
 			"isLoadingHide",
+			"axiosStatus",
 		],
 		data() {
-			return {};
+			return {
+				status: '',
+
+			};
 		},
 		onLoad() {},
+		onShow() {
+			this.status = '';
+
+
+		},
 		onHide() {
 			// this.showSearchList = false
 			// this.searchList = []