给易购页面没有数据时添加提示

packages/shop/index/index.css

@@ -106,7 +106,7 @@ page {
     white-space: nowrap;
 }
 
-.slide_item_active text{
+.slide_item_active text {
     color: #ff5f3c;
 }
 
@@ -367,7 +367,7 @@ page {
     margin-left: 10rpx;
 }
 
-.CateIte{
+.CateIte {
     margin-top: 80rpx;
 }
 
@@ -603,3 +603,21 @@ page {
     top: -10rpx;
     z-index: 11;
 }
+
+.empty {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    font-weight: normal;
+    font-size: 28rpx;
+    color: #999999;
+    margin-top: 350rpx;
+    width: 100%;
+}
+
+.empty image {
+    width: 366rpx;
+    height: 226rpx;
+    margin-bottom: 27rpx;
+}

packages/shop/index/index.vue

@@ -74,7 +74,7 @@
           {{ item.category_name }}
         </view>
       </view>
-      <view class="Con_right">
+      <view class="Con_right" v-if="tagList1.length > 0">
         <view class="CateList_Box" :class="cateListShow ? 'bgf' : ''">
           <view class="CateList" ref="cateListRef">
             <view class="CateList_Item" v-for="(item, index) in tagList" :key="item.id"
@@ -138,7 +138,7 @@
                           items.commodity_goods_info_list[0].quantity
                             ? items.commodity_goods_info_list[0].quantity
                             : 0
-                          }}</text>
+                        }}</text>
                         <view slot="plus" class="plus">
                           <u-icon name="plus" color="#FFFFFF" size="20"></u-icon>
                         </view>
@@ -206,6 +206,13 @@
           </view>
         </view>
       </view>
+      <view class="Con_right" v-else>
+        <view class="empty">
+          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png"
+            mode="aspectFill"></image>
+          暂无数据
+        </view>
+      </view>
     </view>
 
     <!-- <nav-footer :current="3" /> -->
@@ -292,6 +299,7 @@ export default {
       currentThirdId: "",
 
       tagList: [],
+      tagList1: [],
       carNum: "",
 
       goodsDetail: [],
@@ -426,6 +434,7 @@ export default {
         });
         // 保存原始数据
         this.originalTagList = res.commodity_list;
+        this.tagList1 = res.commodity_list;
         // 添加"全部"选项并设置为默认选中
         this.tagList = [{ id: 'all', tag_name: '全部' }, ...res.commodity_list];
         // 默认选中"全部"选项