Fix：2655 【非遗文化】非遗类目下无数据时，没有相关提示信息，应显示暂无内容的图片

pkg_product/views/heritage/index.vue

@@ -27,7 +27,7 @@
       </view>
     </view>
     <view class="wiper-wrap v12-mt-3">
-      <swiper class="" style="width: 100%;height: 400rpx" :autoplay="contents.length > 3" circular next-margin="400rpx">
+      <swiper  v-if="contents.length > 0" class="" style="width: 100%;height: 400rpx" :autoplay="contents.length > 3" circular next-margin="400rpx">
         <swiper-item v-for="(item, index) in contents" :key="index" >
           <view class="wiper-item">
             <image class="wiper-item" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"> </image>
@@ -40,7 +40,13 @@
           </view>
         </swiper-item>
       </swiper>
-      
+      <view v-if="contents.length === 0" style="width:100%">
+        <image
+          :src="webUrl + '/orderIcon/wu.png'"
+          mode="scaleToFill"
+          class="img-nodata"
+        />
+      </view>
     </view>
     <!-- <swiper style="height: 400rpx;" class="v12-justify-between swap v12-mt-3" autoplay circular next-margin="400rpx" duration="10000" interval="3000" >
       <swiper-item v-for="(item, index) in contents" :key="index" >
@@ -55,7 +61,7 @@
     <view class="v12-font-36 v12-dark-text v12-font-bold v12-mt-3 tab-item">推荐
       <view class="line"></view>
     </view>
-    <view class="v12-d-grid-columns-2 v12-mt-3">
+    <view class="v12-d-grid-columns-2 v12-mt-3 row-column-gap">
       <view class="recommend-item" v-for="(item, index) in recommendList" :key="index">
         <image class="recommend-item image" :src="item.recommendImage" mode="aspectFit|aspectFill|widthFix" lazy-load="false"> </image>
         <view class="recommend-item flex-item">
@@ -72,7 +78,7 @@
         </view>
       </view>
     </view>
-    <view v-if="recommendList === 0">
+    <view v-if="recommendList.length === 0">
       <image
         :src="webUrl + '/orderIcon/wu.png'"
         mode="scaleToFill"
@@ -134,6 +140,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.row-column-gap{
+  grid-column-gap: 20rpx;
+  grid-row-gap: 20rpx;
+}
 .title-link__text{
   max-width: 200rpx;
 }