.js
// 计算 swiper
calculateSwiperHeight: function(){
let _that = this;
let query = wx.createSelectorQuery()
if (_that.data.currentIndex == 0){
query.select('#top').boundingClientRect()
query.select('#bottom').boundingClientRect()
}else{
query.select('#top-1').boundingClientRect()
query.select('#bottom-1').boundingClientRect()
}
query.exec((res) => {
console.log(res)
let heigth = res[1].top - res[0].top;
_that.setData({
swiperHeight: heigth
})
console.log(heigth)
})
},
.wxml
<swiper style="height:{{swiperHeight}}px;" bindchange='pagechange' current='{{currentIndex}}'>
<swiper-item >
<view id="top" style="position: absolute;top: 0;display: inline-block;"></view>
<view id="bottom" style="display: inline-block;"></view>
</swiper-item>
<swiper-item >
<view id="top-1" style="position: absolute;top: 0;display: inline-block;"></view>
<view id="bottom-1" style="display: inline-block;"></view>
</swiper-item>
</swiper>
每次数据变换,或者重新渲染页面调用一次 calculateSwiperHeight即可