收藏
回答

页面引入 企业客户联系 插件引发bug

问题类型 插件 AppID 插件版本号 AppID 微信版本 基础库版本
Bug wxaae6519cee98d824 1.1.0 wxa81802fcc1d8f5ad 8.0.7 2.18.0
// 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属性,同时这样也会导致性能问题

拜托官方看一下

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容