众所周知 swiper 组件是小程序自带的一个轮播图组件(也可以巧妙地实现其他动效),但是swiper自带一个height属性,如果取消该属性则swiper元素显示为空,这次我们就来适配一下swiper

    我们应该在swiper中加入scroll-view属性,来配合它

    1. <swiper>
    2. <swiper-item>
    3. <scroll-view style="height:100%">
    4. </scroll-view>
    5. </swiper-item>
    6. </swiper>

    只要设置 scroll-view 的height为100%,在通过js获取一下其他元素,用
    屏幕高度 - 其他元素的高度 = swiper的高度

    • 获取其他元素的高度 ```javascript let query = wx.createSelectorQuery()

    query.select(‘需要获取的id’).boundingClientRect( function(rect){

    1. rect.height // 元素的高度
    2. }

    ).exec() ```

    • 其他解释
    1. 100vh === 全屏高度