微信小程序自定义按钮触发转发分享功能

前置

一般正常做法如下：

<button data-name="shareBtn" open-type="share" className="share"></button>

通过设置按钮属性的方式来触发，然而，有时候需要手动触发。

解决方案

在一个父盒子中使用position: relative; 将 悬浮在 自定义的div中即可
代码如下：

//页面结构
<view className="tool">
  <text>微信好友</text>
   <button
    data-name="shareBtn"
    open-type="share"
    className="share"
    ></button>
</view>
//样式
  .tool {
    position: relative;
    ....
    .share {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      opacity: 0;
    }
  }