微信小程序实现页面按钮分享,右上角三个点分享禁用分享

2021-01-08  本文已影响0人  九叔儿

1.小程序页面分享按钮,button按钮的open-type类型为share,按钮可传参:

<button class="btn_zeng" open-type="share" data-cardid="{{ item.cardid }}" data-title="{{ item.title }}" data-key="{{ index }}">赠与他人</button>

2.js文件中分享的方法,设置点击打开的页面链接path,分享出去的图片imageUrl,分享出去的标题title

onShareAppMessage: function(options) {

// 设置菜单中的转发按钮触发转发事件时的转发内容

var shareObj = {

//path: 'pages/lingqu/index?memberid=' + that.data.memberid + '&cardid=' + that.data.cardid, // 默认是当前页面,必须是以‘/’开头的完整路径

path: 'pages/start/index?memberid=' + that.data.memberid + '&cardid=' + cardid, // 默认是当前页面,必须是以‘/’开头的完整路径

imageUrl: that.data.shareImg, //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4

title: title

};

return shareObj;

}

3.在js文件中onLoad方法中加入下面代码,就可关闭左上角三个点中的分享按钮,不加以下代码,即可通过按钮也可通过三个点中的菜单分享

wx.hideShareMenu()

上一篇 下一篇

猜你喜欢

热点阅读