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

packages/shop/index/index.css

@@ -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"
@@ -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];
         // 默认选中"全部"选项