小程序如何自定义分享按钮

小程序分享可以通过 2 种方式触发:

  1. 点击右上角的 ··· 按钮弹出 Actionsheet 选择点击转发
  2. 自定义分享按钮转发

分享按钮

 

JS

  onShareAppMessage: function () {
    return {
      title: '弹出分享时显示的分享标题',
      desc: '分享页面的内容',
      path: '/pages/user/index?id=1'
    }
  }

覆盖按钮样式

.btn-share::after {
    border: none;
}

.btn-share {
    display: block;
    margin-top: 40rpx;
    width: 100%;
    box-sizing: border-box;
    height: 80rpx;
    line-height: 80rpx;
    border-radius: 40rpx;
    background-color: #007fff;
    color: #ffffff;
    font-size: 28rpx;
}

DEMO代码

https://github.com/donghaina/mp-demo/tree/master/pages/share

参考资料
1.官方文档

你可能感兴趣的:(小程序如何自定义分享按钮)