微信小程序 swiper高自适应，展示完整图片

swiper默认的高度是150px

swiper宽度100%，高度按图片宽高和屏幕宽度比例设置，另外也要设置土坯那宽度100%，图片宽度和屏幕宽度一致，这样图片不变性/完整显示，代码如下：

<view class='swiper-box'>
  <swiper class='index-swiper' indicator-dots autoplay circular indicator-active-color="#f45f00"      interval="2000" style='width:100%;height:{{heig}}'>
    <swiper-item wx:for="{{imageUrl}}">
      <image src='{{item}}' mode='widthFix' class='index-swiper-image' bindload="imageLoad"/>
    </swiper-item>
  </swiper>
</view>

imageLoad:function(e){
    var winWid = wx.getSystemInfoSync().windowWidth; //获取屏幕宽度
    var imgWid = e.detail.width; //图片高度
    var imgHeg = e.detail.height; //图片高度
    this.setData({
      heig: winWid * imgHeg / imgWid + 'px'
    })
  }