问题模块 |
---|
API和组件 |
小程序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" 不就好了吗?