微信小程序swiper高度设置

由于swiper存在默认样式,(宽高:320/150)

所以要计算swiper的高度时可以根据图片本身的宽高比来设置

swiper宽度 / swiper高度 = 图片本身宽度 / 图片本身高度

如:图片宽度是750*320

那么swiper高度 = swiper宽度 * 图片高度 / 图片宽度

height = 100vw * 320 / 750

样式计算方式:height:calc(100vw * 320 / 750);

上一篇:利用swiper在vue中做轮播图,并改变轮播图的原有箭头、图片等内容


下一篇:vue3+swiper4.5.1