1. 需要在mounted中调用uni.showShareMenu使小程序的原生菜单中显示分享按钮
onMounted(() => {
	uni.showShareMenu({
		withShareTicket: true,
		menus: ["shareAppMessage", "shareTimeline"]
	})
}) 

若想禁止此页面的分享功能,uni.hideShareMenu()。

2. 转发好友(胶囊按钮点击三个小圆点触发···)
onShareAppMessage((res) => {
return {
	title: '标题',
	imageUrl: '要分享的图片的路径',
	//如果有参数的情况可以写path
	path: "/pages/index/indexDetail?isShare=1&id=" + id,
	};
});
3. 转发朋友圈(胶囊按钮点击三个小圆点触发···)
onShareTimeline(() => {
return {
	title: '标题',
	//分享朋友圈的参数
	query: "isShare=1&id=" + id,
	}
})
4. 按钮触发转发

(1)转发给好友,open-type="share"

<button open-type="share">发送给好友</button>

(2)微信暂时不支持自定义按钮触发转发朋友圈功能

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐