微信小程序swiper有三个swiper- item,每个item的高度不固定 要怎么实现
时间: 2024-05-18 22:16:47 浏览: 232
微信小程序之swiper轮播图中的图片自适应高度的方法
5星 · 资源好评率100%
可以通过计算每个swiper-item的高度,然后设置swiper的高度为最大高度,这样就能够确保每个swiper-item都能够完全展示。具体步骤如下:
1. 获取每个swiper-item的高度,可以通过wx.createSelectorQuery()方法获取每个item的高度,然后保存在一个数组中。
2. 计算数组中的最大高度,可以通过Math.max()方法获取。
3. 设置swiper的高度为最大高度,可以通过设置style属性来实现,例如:<swiper style="height: {{maxHeight}}px;">。
这样就能够实现每个swiper-item的高度不固定的情况下,swiper自适应高度的效果。
阅读全文