Fix：2656 【非遗文化】类目下方轮播区域，数据大于等于3个时需要自动轮播，持续往右轮播，参考抽奖奖品的轮播

pkg_product/views/heritage/index.vue

@@ -27,16 +27,20 @@
       </view>
     </view>
     <view class="wiper-wrap v12-mt-3">
-      <view class="wiper-item" v-for="(item, index) in contents" :key="index">
-        <image class="wiper-item" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false">
-          
-        </image>
-        <!-- <video :src="item.video" class="wiper-item" object-fit="cover"></video> -->
-        <view class="title-link"  @click="toDetails(item.ichContentId)">
-          {{ item.name }}
-          <u-icon name="arrow-right" color="#fff" size="14"></u-icon>
-        </view>
-      </view>
+      <swiper 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>
+            <view class="title-link"  @click="toDetails(item.ichContentId)">
+              <text class="title-link__text one-t">
+                {{ item.name }}
+              </text>
+              <u-icon name="arrow-right" color="#fff" size="14"></u-icon>
+            </view>
+          </view>
+        </swiper-item>
+      </swiper>
+      
     </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" >
@@ -58,7 +62,9 @@
           <view class="v12-font-24 v12-white-text"></view>
           <view>
             <view @click="toDetails(item.id)" class="item-name one-t v12-px-2 v12-white-border v12-white-text v12-font-32 v12-radius-100 v12-mb-3">
-              {{ item.name }}
+              <text class="title-link__text one-t">
+                {{ item.name }}
+              </text>
               <u-icon name="arrow-right" color="#fff" size="14"></u-icon>
             </view>
             <view class="v12-white-text v12-font-26 one-t">{{ item.intro }}</view>
@@ -128,6 +134,9 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.title-link__text{
+  max-width: 200rpx;
+}
 .search-top{
   position: relative;
 }