swiper高度自適應

swiper這個問題一直困擾了我好久，一開始我是以分頁的頁數來寫高度的，但是數據不夠的話就會留白，顯然是不好的用戶體驗，然后百度了很多種，選了一種最適合的，把循環的數據用view框起來，然后得到view的高，設置高度，就ok啦

height: function () {
    var query = wx.createSelectorQuery()
    let _this = this
    query.select('.getHeight').boundingClientRect()
    query.exec(function (res) {
      _this.setData({
        height: res[0].height
      })
    })
  },

頁面：

 

 　　　　<view class="page" style="height: {{height}}px;">
         <!-- 列表 -->
          <view class="getHeight" hover-class="none" hover-stop-propagation="false">
            <block wx:for="{{news}}" wx:key='item' data-index="{{index}}" wx:for-item="item">
             <view>{{item.title}}</view>
            </block>
          </view>
　　　　　</view>