收藏
回答

swiper高度自适应

swiper高度怎么自适应


最后一次编辑于  2018-03-09  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

3 个回答

  • 永恒君
    永恒君
    2018-03-09

    小试了下,

    swiper 不支持 :before,

    也不受 css 的百分比高度或 flex:1 影响,

    改 swiper-item 高度又不影响父级...


    话说如果是随屏宽自适应的话,rpx 是可以满足的,

    但如果是随其他元素高度变化而自适应的话,恐怕只能 js 了。

    2018-03-09
    赞同
    回复
  • 朱立超
    朱立超
    2018-03-15

    请问问题解决了吗,我也遇到了swiper 高度无法由内容撑开的问题。

    2018-03-15
    赞同
    回复
  • 课博
    课博
    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
    赞同
    回复