收藏
回答

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

问题模块
API和组件

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

最后一次编辑于  2017-12-14
回答关注问题邀请回答
收藏

4 个回答

  • D.pan
    D.pan
    2018-05-24

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

    2018-05-24
    赞同
    回复
  • 王焯
    王焯
    2018-05-08

    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() 

    },


    2018-05-08
    赞同
    回复
  • 孤独独孤嘟咕噜嘟噜将军
    孤独独孤嘟咕噜嘟噜将军
    2017-12-14

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

    2017-12-14
    赞同
    回复
  • 孤独独孤嘟咕噜嘟噜将军
    孤独独孤嘟咕噜嘟噜将军
    2017-12-14

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

    2017-12-14
    赞同
    回复