使用open-type=“share”的button导致css磨砂失效
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
点击按钮(“share by open-type”这个),调起微信分享的一瞬间backdrop-filter失效。
从分享界面返回小程序后backdrop-filter恢复正常表现。
- 提供一个最简复现 Demo
dom:
<view class="testBackDrop">
<view class="testBackDrop_mask"></view>
<button open-type="share" class="testBackDrop_btn">share by open-type</button>
</view>
sass: (构建时会补齐样式prefix,可排除这方面的原因)
.testBackDrop {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 300px;
background: url(...) 0 0 no-repeat;
background-size: cover;
&_mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(#fff, .98);
[@supports](/user/supports) (backdrop-filter: blur(15px)) {
background: rgba(#fff, .8);
backdrop-filter: blur(15px)
}
}
&_btn {
position: absolute;
top: 30%;
height: 30%;
}
}
1 回复
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)