<swiper class="swiper" :current='this.current' @change='cunrrenchange' :style="{height:height+'px'}">
<swiper-item v-for="(item,i) in shop.img_url" :key='i' :style="{height:height+'px'}">
<image :src="item.url" @tap="seeimg" :style="{height:height+'px'}"></image>
</swiper-item>
</swiper>
cunrrenchange(e){
// console.log(e);
let that=this
that.current=e.detail.current
uni.getImageInfo({
src: that.shop.img_url[that.current].url,
success: function (image) {
that.height=image.height
console.log(that.height);
}
});
},
在电脑端显示切换图片改变高度没问题,在真机测试和打包后只有第一张图片有高度,切换后的图片没得高度,后面的swiper-item高度也失效,
怎么能让轮播的整个高度根据图片的高度自适应呢
1 个回复
ZGH0709
测试可以实现。 把 image 的 height 设置为 100%, swiper-item 的高度不用设置,只需要动态修改 swiper 的高度即可。