100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序实现页面按钮分享 右上角三个点分享禁用分享

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

时间:2018-12-18 17:57:27

相关推荐

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

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()

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。