小程序页面上设置分享按钮

记录开发中遇到的大大小小的坑之小程序页面中设置分享按钮!

先来张截图看看实现效果!

微信图片_20181107230636.png

点击右下角的转发弹出,弹出转发效果。目前小程序仅支持转发给朋友或者群,暂不支持转发朋友圈。

看到这里,我们进入正题。看看如何实现转发给朋友呢?

JS代码:

/**
   * 用户点击右上角分享
   */
onShareAppMessage: function () {
    //这一块可以不填,该处代码是自动生成的
},

注:如果不填会自动截取你文章顶部的内容。也可以去文档中自己设置转发的标题图片等。

WXML部分:

<button class='shareBox_lr' open-type='share'>转发</button>

主要代码就是:

open-type='share'

只需要这样简单的操作就能实现转发功能了,是不是很简单!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!