听书页面

pages/bookShop/deliverDetail.vue

@@ -2,8 +2,10 @@
 	<view class="">
 		<view class="header">
 			<!-- 顶部导航栏 -->
-			<z-nav-bar title="物流详情" bgColor="red"></z-nav-bar>
-			<u-tabs active-color="#2979ff" inactive-color="#606266" bar-height="6" bar-width="40" v-if="deliverList"
+			<z-nav-bar title="物流详情" bgColor="red"></z-nav-bar>			
+		</view>
+		<view v-if="deliverList.length > 0">
+			<u-tabs active-color="#2979ff" inactive-color="#606266" bar-height="6" bar-width="40" 
 				name="name" :list="deliverList" :is-scroll="false" :current="current" @change="tabchange"></u-tabs>
 			<view class="deliverCntent">
 				<view class="" v-for="(list, index1) in deliverDetails" :key="index1">
@@ -22,6 +24,10 @@
 				</view>
 			</view>
 		</view>
+		<view class="quesheng" v-else>
+			<image src="../../static/icon/kongbai.png" ></image>
+			<text>- 暂无物流信息 -</text>
+		</view>
 		<!-- <u-loading color="red" :show="loading"></u-loading> -->
 	</view>
 </template>
@@ -76,7 +82,7 @@
 				this.$http
 					.post(`/book/buyorder/queryFMS?orderId=${this.orderId}`)
 					.then(res => {
-						// console.log(res, '物流信息')
+						 console.log(res, '物流信息')
 						if (res && res.code === 0) {
 							uni.hideLoading()
 							this.deliverDetails = res.rntStr
@@ -101,6 +107,13 @@
 	}
 </style>
 <style lang="scss" scoped>
+	.quesheng{text-align: center; margin-top: 20px;
+	image{	width: 150rpx; height: 170rpx;  display: block; margin: 10px auto;	
+		}
+		text{
+			color: #888;
+		}
+	}
 	.copyCode{display: inline-block; margin-left: 20rpx; }
 	.u-tabs {
 		background: #fff