小程序
小游戏
企业微信
微信支付
扫描小程序码分享
swiper高度怎么自适应
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
< 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()
},
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
请问问题解决了吗，我也遇到了swiper 高度无法由内容撑开的问题。
小试了下，
swiper 不支持 :before，
也不受 css 的百分比高度或 flex:1 影响，
改 swiper-item 高度又不影响父级...
话说如果是随屏宽自适应的话，rpx 是可以满足的，
但如果是随其他元素高度变化而自适应的话，恐怕只能 js 了。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
< 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()
},
请问问题解决了吗，我也遇到了swiper 高度无法由内容撑开的问题。
小试了下，
swiper 不支持 :before，
也不受 css 的百分比高度或 flex:1 影响，
改 swiper-item 高度又不影响父级...
话说如果是随屏宽自适应的话，rpx 是可以满足的，
但如果是随其他元素高度变化而自适应的话，恐怕只能 js 了。