9***@qq.com
9***@qq.com
  • 发布:2019-05-30 11:44
  • 更新:2019-05-30 15:03
  • 阅读:2117

【报Bug】swiper动态设置图片高度手机端失效

分类:uni-app

<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高度也失效,
怎么能让轮播的整个高度根据图片的高度自适应呢

2019-05-30 11:44 负责人:无 分享
已邀请:
ZGH0709

ZGH0709

测试可以实现。 把 image 的 height 设置为 100%, swiper-item 的高度不用设置,只需要动态修改 swiper 的高度即可。

该问题目前已经被锁定, 无法添加新回复