vue vant 轮播图 图片大小一样 我想让轮播图适配图片 宽度是手机页面的宽度 高度是图片等比例缩放的高度

Question

图片懒加载！van-swipe :autoplay="3000">图片懒加载
图片懒加载！van-swipe-item v-for="(image, index) in images" :key="index">图片懒加载
图片懒加载！img v-lazy="image" />图片懒加载
图片懒加载！/van-swipe-item>图片懒加载
图片懒加载！/van-swipe>图片懒加载
<用！来代替

我没看 可以自适应的参数
图片大小一样 我想让轮播图适配图片 宽度是手机页面的宽度 高度是图片等比例缩放的高度

Answer 1

手机页面宽度，一般就是浏览器窗口的宽度，表示方法其实挺多，比如100vw、window.screen.width。然后图片正常你如果只设置宽度，高度一般就自适应了。