记录uniapp组件swiper自适应高度
在uniapp组件swiper不能自适应高度
思路:
根据传的图片,进行图片分析宽高,
根据屏幕尺寸,进行换算对应的宽高比。
最后获得图片尺寸,进行赋值。
<swiper class="swiper" :style="{ height: `${swiperheight}` + 'px' }" @change="onSwiperChange">
<swiper-item class="swiperitem" v-for="(item,index) in banner_list" :key="index">
<image style="width: 100%;" :style="{ height: `${swiperheight}` + 'px' }" :src="item.b_imgurl_url"
mode="widthFix" />
</swiper-item>
</swiper>
data(){
return{
swiperheight: "0px",
}
}
onSwiper