小程序轮播图不同手机屏幕适配展示

在小程序轮播图的时候有时候会出现图片被压缩的情况，这是因为图片是宽度高度比例展示的，但是包裹轮播图的swiper的宽度和高度我们是固定掉的，因此我们得想出个办法解决这个问题，解决办法如下：
1.通过在image里绑定bindLoad方法(该方法会)

wxml:

 <view class='slider'>
    <swiper indicator-dots="{
  { true }}" autoplay="{
  { true }}" interval="2500" duration="400" circular="{
  { true }}" style='height:{
  {Height}}'>
      <block wx:for="{
  {swiperImgs}}" wx:key="index">
        <swiper-item>
          <image src="{
  {item}}" class="swipeImg" bindload='imgHeight' />
        </swiper-item>
      </block>
    </swiper>
  </view>

样式如下:

 .swipeImg{
  width:100%;
  height: 100%;
}

.container{
  width:100%;
  height: 100%;
  margin-bottom:200rpx;
}

最重要的是逻辑</