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

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

作者: 九叔儿 | 来源:发表于2021-01-08 16:38 被阅读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()

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/ddyfaktx.html