解决小程序穿透问题

在做小程序项目 catchtouchmove 阻止蒙层穿透，华为mate40pro不好使的bug，这里分享一个彻底解决滚动穿透的方法。

使用官方的page-meta组件，很多童鞋可能还不知道这个是干嘛的，这里贴下官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html

通过该组件我们可以直接操作Page组件 ，我们给它的wxss样式overflow动态设置hiddenorvisible 就可以控制整个页面是否可以进行滚动。

示例代码：

<page-meta page-style="overflow: {
  {visible ? 'hidden' : 'visible'}}" />
<button class="button" bindtap="handleClick">点我弹出弹窗</button>
<!-- 模拟页面滚动 -->
<view wx:for="{
  {300}}" wx:key="index">{
  {item}}</view>
<!-- 分享弹窗 -->
<view class="dialog-wrap {
  {visible ? 'active' : ''}}">
  <view class="dialog-back {<