// wxml
<view class='outer'><image src={poster} mode='widthFix' /></view>
// wxss
.outer{ width: 300rpx; height: 300rpx; border-radius: 20rpx; overflow: hidden; position: relative; }
.outer:before{ content: '角标'; position: absolute; width: 30rpx; height: 20rpx; left: 0; top: 0;}
.outer image{ width: 100%; }
预期
实际
如上代码,一个圆角图片加角标的实现方式,当页面中有使用到【企业客户联系】插件时会导致下图不正常的展示效果
查看插件的代码发现,在代码中设置了 image{ will-change: transform; },transform会导致image的translateZ属性过高,position:relative 和 overflow: hidden 的组合无效。
建议只在组件内部设定image相关属性,不要全局定义,并不是所有的image都需要will-change属性,同时这样也会导致性能问题
拜托官方看一下
你好,这个建议我反馈一下