太原网页设计培训学校_网络营销业务流程_百度seo竞价推广是什么_手机网页制作软件

在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