<div className="parent">
  <button className="button">按钮</button>
  <div className="wrapper">
    <wx-open-subscribe ref={subscription} template={template}>
      <script type="text/wxtag-template">
        <div className="wx-stupid-component" />
      </script>
      <script type="text/wxtag-template" slot="style">
        <style>{`
          .wx-stupid-component {
            width: 10000px;
            height: 10000px;
          }
          `}</style>
      </script>
    </wx-open-subscribe>
  </div>
</div>

.parent {
  position: relative;
}

.button {
  height: 100px;
  width: 30px;
}

.wrapper {
  position: absolute;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
}

我的也是这样、并且弹窗无论点击取消还是允许，都执行success会回调。不知道为什么就不执行fail。无法正常检测用户到底点击了哪个按钮