小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序swiper的父元素高度不固定的时候，怎么让图片自适应，现在swiper把图片挡住了，就是这种效果，要像正常显示应该怎么做
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
在使用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" 不就好了吗？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
在使用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" 不就好了吗？