html52.com
我爱小程序-开发者交流社区

swiper不设置高度,怎么实现自适应

问题模块
API和组件

小程序swiper的父元素高度不固定的时候,怎么让图片自适应,现在swiper把图片挡住了,就是这种效果,要像正常显示应该怎么做小程序swiper的父元素高度不固定的时候,怎么让图片自适应,现在swiper把图片挡住了,就是这种效果,要像正常显示应该怎么做 小程序swiper的父元素高度不固定的时候,怎么让图片自适应,现在swiper把图片挡住了,就是这种效果,要像正常显示应该怎么做

网友回复

D.pan:

在使用mode=widthFix的情况下,再添加一个width:100%; 就可以了

王琸:

swiper wx:for='{{array}}' style 'height:{{ heights[index] || 50 }}px' 

     swiper-item 

         view class 'getThisHeight' 

            ...这里放自适应内容 

         </ view 

     </ swiper-item 

</ swiper 


justifyHeight:  function () { 

     let that =  this 

     let hs = [] 

    wx.createSelectorQuery().selectAll( '. getThisHeight ).boundingClientRect( function (rects) { 

        rects.forEach((v, i) => { 

            hs[i] = v.height 

        }) 

        that.setData({ 

            heights: hs, 

        }) 

    }).exec() 

},


:

轮播图从来都没有自适应这种说法 我传一张16:9 和 9:16的图 你来给我自适应?只有垃圾产品才会想到这些东西

:

图片模式用 mode="aspectFill" 不就好了吗?

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付