收藏
回答

使用open-type=“share”的button导致css磨砂失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug open-type=“share” 客户端 iOS 7.0.3 2.4.2

- 当前 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 (backdrop-filter: blur(15px)) {
background: rgba(#fff, .8);
           backdrop-filter: blur(15px)
}
}

&_btn {
position: absolute;
       top: 30%;
       height: 30%;
   }
}


最后一次编辑于  2019-06-17
回答关注问题邀请回答
收藏

1 个回答

  • 是小白啊
    是小白啊
    2019-06-17

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-06-17
    有用
    回复 3
    • ze_
      ze_
      2019-06-17

      https://developers.weixin.qq.com/s/TBgHscmV7l9t

      你好,请看看这个代码片段

      2019-06-17
      回复
    • 晨
      2019-06-18

      问题复现了,我们跟进下

      2019-06-18
      回复
    • hyn
      hyn
      2023-05-23
      解决了吗
      2023-05-23
      回复
登录 后发表内容