Commit c67214ef45c70fa963bbf650a15ef386929e8740
1 parent
530f5dfa
购好物，首页，副广告位自动轮播~
Showing
2 changed files
with
20 additions
and
3 deletions
src/pages/optimization2/optimization2.less
| @@ -137,6 +137,16 @@ | @@ -137,6 +137,16 @@ | ||
| 137 | height: 100%; | 137 | height: 100%; |
| 138 | object-fit: cover; | 138 | object-fit: cover; |
| 139 | } | 139 | } |
| 140 | + .swiper-box { | ||
| 141 | + width: 710px; | ||
| 142 | + height: 160px; | ||
| 143 | + /deep/ .swipe { | ||
| 144 | + width: 710px; | ||
| 145 | + .swipe-item { | ||
| 146 | + width: 710px; | ||
| 147 | + } | ||
| 148 | + } | ||
| 149 | + } | ||
| 140 | } | 150 | } |
| 141 | &.goods-list { | 151 | &.goods-list { |
| 142 | background-color: transparent; | 152 | background-color: transparent; |
src/pages/optimization2/optimization2.vue
| @@ -348,8 +348,15 @@ | @@ -348,8 +348,15 @@ | ||
| 348 | </div> --> | 348 | </div> --> |
| 349 | 349 | ||
| 350 | <!-- 副Banner --> | 350 | <!-- 副Banner --> |
| 351 | - <div class="section sub-banner-box" v-if="subBanner"> | ||
| 352 | - <img :src="subBanner.simg" class="sub-banner-img" @click="toBanner(subBanner)" /> | 351 | + <div class="section sub-banner-box" v-if="subBanner && subBanner.length"> |
| 352 | + <!-- <img :src="subBanner.simg" class="sub-banner-img" @click="toBanner(subBanner)" /> --> | ||
| 353 | + <swiper-box | ||
| 354 | + :swipers="subBanner" | ||
| 355 | + :options="{ | ||
| 356 | + showIndicators: true, | ||
| 357 | + autoplay: 5000 | ||
| 358 | + }"> | ||
| 359 | + </swiper-box> | ||
| 353 | </div> | 360 | </div> |
| 354 | 361 | ||
| 355 | <!-- 好物推荐（瀑布流） --> | 362 | <!-- 好物推荐（瀑布流） --> |
| @@ -646,7 +653,7 @@ | @@ -646,7 +653,7 @@ | ||
| 646 | 653 | ||
| 647 | // 设置单条banner(ads) | 654 | // 设置单条banner(ads) |
| 648 | if (datas.ads && datas.ads.length) { | 655 | if (datas.ads && datas.ads.length) { |
| 649 | - this.$set(this, 'subBanner', datas.ads[0]); | 656 | + this.$set(this, 'subBanner', datas.ads); |
| 650 | } | 657 | } |
| 651 | 658 | ||
| 652 | // 设置导航 | 659 | // 设置导航 |