微信小程序swiper组件宽高自适应方法

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文：

我把 swiper 的 width 设定成了屏幕的95%宽度, 如果想宽度也自适应的话请改成  width:{{width*2}}rpx

 

    
      
            {{item.title}}   
            
              
            
      
    

wx.getImageInfo是官方获取图片信息的api , 详细文档请查看 https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxgetimageinfoobject 

 

 

      wx.getImageInfo({
        src: advertising2[0].image,
        success: function (res) {
          that.setData({
            height: res.height,
            width:res.width
          })
        }
      })

效果图如下: