简书链接:小程序之灰色层遮盖图片以及图片自适应的实现分析
文章字数：44,阅读全文大约需要1分钟
这个属性解决高度不对劲问题

1
2
3
4
.shadow-wrap{
display:flex;

}

让阴影图层高度和 图片高度一样，而图片高度则是自适应的。

1
2
3
4
.shadow-layer{
width:100%;
height:100%;
}

wxml

1
2
3
4
<view class="shadow-wrap">
    <image src="{{image}}" mode="fixWidth"/>
<view class="shadow-layer"></view>
</view>