swiper組件的高度默認是150px，設置高度100%也無法生效，因為外部的組件沒有固定的高度，這時就需要通過js來過去屏幕的高度并給swiper設置

data:{swiperHeight: 0;//初始時swiper的高度是0 } //監聽頁面加載 onLoad：function (option){let that = this;//將this另存為wx.getSystemInfo({success:functioin(res) {let clientHeight = res.windowHeight;let clientWidth = res.windowWidth;let ratio = 750 / clientWidth;//計算為百分比let rpxHeight = ratio * clientHeight;that.setData({that.swiperHeight: rpxHeight;//將計算好的高度給定義好的值})}}) }

將獲取到的屏幕高度給swiper設置上

<swiper style="height:{{swiperHeight}}rpx"> <swiper/>

**注意：**最后的rpx千萬不能省略，否則不生效

總結

以上是生活随笔為你收集整理的微信小程序：使swiper的高度沾满整个屏幕的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。