众所周知 swiper 组件是小程序自带的一个轮播图组件(也可以巧妙地实现其他动效),但是swiper自带一个height属性,如果取消该属性则swiper元素显示为空,这次我们就来适配一下swiper
我们应该在swiper中加入scroll-view属性,来配合它
<swiper><swiper-item><scroll-view style="height:100%"></scroll-view></swiper-item></swiper>
只要设置 scroll-view 的height为100%,在通过js获取一下其他元素,用
屏幕高度 - 其他元素的高度 = swiper的高度
- 获取其他元素的高度 ```javascript let query = wx.createSelectorQuery()
query.select(‘需要获取的id’).boundingClientRect( function(rect){
rect.height // 元素的高度}
).exec() ```
- 其他解释
- 100vh === 全屏高度
