微信小程序> 微信小程序轮播图图片高度自适应

微信小程序轮播图图片高度自适应

浏览量:627 时间: 来源:qq_42699996
swiper indicator-dots="true" autoplay="true" indicator-color="#fff" indicator-active-color="#FF814A" style='height:{{Hei}}'   block wx:for="{{bannerList}}" wx:key="key"     swiper-item       navigator url="" hover-class="none"         image src="{{item.img}}" mode="widthFix" bindload='imgH'/image       /navigator     /swiper-item   /block/swiper
data: {  Hei: "",          //这是swiper要动态设置的高度属性  bannerList:[],//请求轮播的数据},imgH: function (e) {  let winWid = wx.getSystemInfoSync().windowWidth;         //获取当前屏幕的宽度  let imgh = e.detail.height;                //图片高度  let imgw = e.detail.width;  let swiperH = winWid * imgh / imgw + "px"  this.setData({    Hei: swiperH        //设置高度  })},

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎