封装提示弹框

pages/common/allType/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="alltype">
 		<!-- 车辆列表 -->
-		<view class="vehicle-list">
+		<view class="vehicle-list" v-if="vehicles.length>0">
 			<view v-for="(item, index) in vehicles" :key="index">
 				<view class="vehicle-item" @click="alltypeInfo(item)">
 					<image src="/static/images/bip.6.png" mode="" class="IMG"></image>
@@ -9,6 +9,11 @@
 				<view class="plate-number">{{ item.typeName }}</view>
 			</view>
 		</view>
+		<view v-else class="noDATA" style="display: block;width: wight:100%">
+			<view> <uni-icons type="image-filled" size="120" color="rgba(255, 255, 255, 0.9)"></uni-icons>
+			</view>
+			暂无数据
+		</view>
 	</view>
 </template>
 
@@ -30,17 +35,17 @@
 					}
 				})
 			},
-			alltypeInfo(item){
+			alltypeInfo(item) {
 				uni.switchTab({
 					url: '/pages/common/index/index',
 					success: (res) => {
-						res.eventChannel.emit('index', {  
+						res.eventChannel.emit('index', {
 							data: item
 						});
 					}
 				})
 			}
-			
+
 		},
 		onLoad() {
 			this.getTab()
@@ -92,4 +97,10 @@
 	.plate-number {
 		color: rgba(255, 255, 255, 0.87);
 	}
+
+	.noDATA {
+		text-align: center;
+		color: rgba(255, 255, 255, 0.87);
+		transform: translate(-0%, 100%);
+	}
 </style>