小程序之灰色层遮盖图片以及图片自适应的实现分析

这个属性解决高度不对劲问题

.shadow-wrap{
display:flex;

}

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

.shadow-layer{
width:100%;
height:100%;
}

wxml

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