uni-app小程序分享总结河北银丹互联网科技有限公司

微信小程序中调用uni.showShareMenu没有显示分享按钮河北银丹互联网科技有限公司
第一种河北银丹互联网科技有限公司

onReady(){
wx.showShareMenu({河北银丹互联网科技有限公司
withShareTicket: true
});
// 或者
// uni.showShareMenu({
// withShareTicket: true,
// });
}

uni-app小程序分享总结河北银丹互联网科技有限公司_第1张图片

第二种



// 通过按钮open-type打开分享只能朋友分享,目前版本暂不支持朋友圈分享
wx_share(){
wx.showShareMenu();
}
没有显示发送朋友圈按钮
注意:隐藏按钮两种情况

1:发送朋友圈与发送朋友都隐藏

2:发送朋友圈隐藏

wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"],// 发送朋友,发送朋友圈
});
小程序的原生菜单中隐藏分享按钮

onLoad(options) {
uni.hideShareMenu();
//wx.hideShareMenu({
// menus: ['shareAppMessage', 'shareTimeline']
//})
},
uniapp通过mixin隐藏所有页面右上角分享按钮
//main.js
// #ifdef MP
Vue.mixin({
onLoad: function () {
wx.hideShareMenu();
}
})
// #endif
添加生命周期函数就生效,可以自定义
注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮,需要配合 menus: ["shareAppMessage", "shareTimeline"]

onLoad(){},

/*
* uniapp微信小程序分享页面到微信好友
*/
onShareAppMessage() {
return {
title: `分享朋友:${this.summary}`,
imageUrl: this.logoUrl,
success: function (res) {
console.log("success22:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail22:" + JSON.stringify(err));
},
};
},

/*
* uniapp微信小程序分享页面到微信朋友圈
*/
onShareTimeline() {
return {
title: `分享朋友:${this.summary}`,
imageUrl: this.logoUrl,
success: function (res) {
console.log("success22:" + JSON.stringify(res));
},
fail: function (err) {
console.log("fail22:" + JSON.stringify(err));
},
};
},

小程序分享时触发onShareAppMessage如何获取参数 => Promise
onShareAppMessage() {
const promise = new Promise(resolve => {
setTimeout(() => {
resolve({
title: '自定义转发标题'
})
}, 2000)
})
return {
title: '自定义转发标题',
path: '/page/user?id=123',
promise
}
}
分享图片:
分享图片 imageUrl 在页面 onload 就请求好图片资源,按照 5:4 得长宽比,大小 20k 内的网络图


————————————————
版权声明:本文为CSDN博主「I-T枭」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/hahahhahahahha123456/article/details/116786015

你可能感兴趣的:(百度小程序)