商品查看物流页无物流数据时显示‘暂无配送信息’

mall4m/pages/express-delivery/express-delivery.wxml

@@ -16,7 +16,7 @@
         </view>
       </view>
     </view>
-    <view class="deliveryDetail">
+    <view class="deliveryDetail" wx:if="{{dvyData.length}}">
       <block wx:for="{{dvyData}}" wx:key=''>
         
         <view class="detailItem {{index==0?'lastest':''}}" >
@@ -31,5 +31,8 @@
         </view>
       </block>
     </view>
+    <view class="empty-space" wx:else>
+		  暂无配送信息
+	  </view>
   </view>
 </view>

mall4m/pages/express-delivery/express-delivery.wxss

@@ -1,5 +1,9 @@
 /* pages/express-delivery/express-delivery.wxss */
 
+page {
+  background: #f7f8fa;
+}
+
 .container {
   height: 100%;
 }
@@ -182,3 +186,12 @@
   line-height: 80rpx;
   margin-bottom: 20rpx;
 }
+
+.empty-space {
+  margin-top: 20rpx;
+  background: #fff;
+  font-size: 28rpx;
+  color: #333;
+  padding: 20rpx 0;
+  text-align: center;
+}

mall4uni/pages/express-delivery/express-delivery.css

@@ -1,5 +1,9 @@
 /* pages/express-delivery/express-delivery.wxss */
 
+page {
+	background: #f7f8fa;
+}
+
 .container {
   height: 100%;
 }
@@ -182,3 +186,11 @@
   line-height: 80rpx;
   margin-bottom: 20rpx;
 }
+.empty-space {
+  margin-top: 20rpx;
+  background: #fff;
+  font-size: 28rpx;
+  color: #333;
+  padding: 20rpx 0;
+  text-align: center;
+}

mall4uni/pages/express-delivery/express-delivery.vue

@@ -17,9 +17,8 @@
         </view>
       </view>
     </view>
-    <view class="deliveryDetail">
+    <view class="deliveryDetail" v-if="dvyData.length">
       <block v-for="(item, index) in dvyData" :key="index">
-        
         <view :class="'detailItem ' + (index==0?'lastest':'')">
           <view class="dot">
             <image src="/static/images/icon/delive-dot.png"></image>
@@ -32,6 +31,9 @@
         </view>
       </block>
     </view>
+    <view class="empty-space" v-else>
+			暂无配送信息
+	</view>
   </view>
 </view>
 </template>