Browse Source

商品轮播图添加图片显示模式mode="aspectFill"

master
MYHONGQI\22100 4 years ago
parent
commit
a11a8daa84
  1. 2
      pages/goodsDetail/index.vue

2
pages/goodsDetail/index.vue

@ -5,7 +5,7 @@
<!-- 商品图片轮播 --> <!-- 商品图片轮播 -->
<swiper :current="current" :indicator-dots="goods_detail.banners.length > 1 ? true : false" :circular="true" class="swiper-box" indicator-active-color="#FE9903"> <swiper :current="current" :indicator-dots="goods_detail.banners.length > 1 ? true : false" :circular="true" class="swiper-box" indicator-active-color="#FE9903">
<swiper-item v-for="(item, index) in goods_detail.banners" :key="item.id"> <swiper-item v-for="(item, index) in goods_detail.banners" :key="item.id">
<image :src="item.cover" style="width: 100%; height: 100%;" @click="lookImg(index)"></image>
<image :src="item.cover" style="width: 100%; height: 100%;" @click="lookImg(index)" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 商品主要信息 --> <!-- 商品主要信息 -->

Loading…
Cancel
Save