购好物，首页，副广告位自动轮播~

王强
1 parent 530f5dfa
Showing 2 changed files with 20 additions and 3 deletions
src/pages/optimization2/optimization2.less
src/pages/optimization2/optimization2.vue
@@ -137,6 +137,16 @@
                     height: 100%;
                     object-fit: cover;
                 }
+                .swiper-box {
+                    width: 710px;
+                    height: 160px;
+                    /deep/ .swipe {
+                        width: 710px;
+                        .swipe-item {
+                            width: 710px;
+                        }
+                    }
+                }
             }
             &.goods-list {
                 background-color: transparent;
@@ -348,8 +348,15 @@
             </div> -->
  
             <!-- 副Banner -->
-            <div class="section sub-banner-box" v-if="subBanner">
-                <img :src="subBanner.simg" class="sub-banner-img" @click="toBanner(subBanner)" />
+            <div class="section sub-banner-box" v-if="subBanner && subBanner.length">
+                <!-- <img :src="subBanner.simg" class="sub-banner-img" @click="toBanner(subBanner)" /> -->
+                <swiper-box
+                    :swipers="subBanner"
+                    :options="{
+                        showIndicators: true,
+                        autoplay: 5000
+                    }">
+                </swiper-box>
             </div>
  
             <!-- 好物推荐（瀑布流） -->
@@ -646,7 +653,7 @@
  
                     // 设置单条banner(ads)
                     if (datas.ads && datas.ads.length) {
-                        this.$set(this, 'subBanner', datas.ads[0]);
+                        this.$set(this, 'subBanner', datas.ads);
                     }
  
                     // 设置导航