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

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

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

分享按钮

 <button open-type='share' class="btn-share">分享</button>

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.官方文档

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 今日体验;前几天有个客户他的车辆被别人给撞了,他第一时间想到的是我们于是就带着肇事车辆的车主来到我店。在我们店进行...
    其实_1d17阅读 167评论 0 0
  • 关键点: 1.私有化构造函数 2.通过静态方法返回单例对象 3.确保只有一个对象 几种实现方法: 1.懒汉模式: ...
    Jlanglang阅读 594评论 0 2
  • 1.感恩中国的铁路建设,可以让我们舒适,平安,快捷的到达自己想去的地方,感恩。感恩财神可以让我享受这一切 2.感恩...
    爱优薇阅读 136评论 0 0
  • ……插角袖~放码…… …… …… ……
    李岩立裁造型师阅读 429评论 1 4