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

最新推荐文章于 2024-07-17 18:05:15 发布

沐歌丨丶

最新推荐文章于 2024-07-17 18:05:15 发布

阅读量1.3k

点赞数

分类专栏：微信小程序文章标签：前端微信小程序

本文链接：https://blog.csdn.net/muge1161105403/article/details/133319521

版权

微信小程序专栏收录该内容

5 篇文章 0 订阅

订阅专栏

前置

一般正常做法如下：

<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;
    }
  }