swiper内的图片根据屏幕宽度，等比例缩放，自适应

		<swiper style="width:100%;height:{{imgHeight}}px">
			<swiper-item>
                              <image src="{{cityPic}}" style="width:{{imgWidth}}px;height:{{imgHeight}}px"  bindload="getHeight" ></image> 
			</swiper-item>
		</swiper>

<swiper style="width:100%;height:{{imgHeight}}px"> <swiper-item> <image src="{{cityPic}}" style="width:{{imgWidth}}px;height:{{imgHeight}}px" bindload="getHeight" ></image> </swiper-item> </swiper>

  getHeight(e){  //动态设置图片的宽度和高度
    var res = wx.getSystemInfoSync()  
    var screenWidth = res.windowWidth  //屏幕宽度
    var imgWidth = e.detail.width  //图片实际宽度
    var imgHeight = e.detail.height  //图片实际高度
    this.setData({
      imgWidth: screenWidth,  //图片显示宽度 = 屏幕宽度
      imgHeight: screenWidth * imgHeight / imgWidth  // 计算图片显示高度
    })
    console.log(e)
  }

getHeight(e){ //动态设置图片的宽度和高度 var res = wx.getSystemInfoSync() var screenWidth = res.windowWidth //屏幕宽度 var imgWidth = e.detail.width //图片实际宽度 var imgHeight = e.detail.height //图片实际高度 this.setData({ imgWidth: screenWidth, //图片显示宽度 = 屏幕宽度 imgHeight: screenWidth * imgHeight / imgWidth // 计算图片显示高度 }) console.log(e) }