小程序实现自定义分享微信好友及微信朋友圈

首先在全局page.json中添加"shareAppMessage": true

{
		"path": "pages/brandCoupon/brandCoupon",
		"style": {
			"navigationBarTitleText": "霸王餐",
			"navigationStyle": "custom",
			"enablePullDownRefresh":true,
			"shareAppMessage": true
			}
	},

然后在组件中指定按钮类型为share分享类型

通过v-bind:data-bargainGood绑定并传入给onShareAppMessage分享微信好友后要显示的内容

title表示分享后展示的文本信息
imageUrl表示展示的图片
path表示点击分享的链接要跳转到的页面

<button open-type="share" v-bind:data-bargainGood="{goodsname, spdetailImg,origin_price,refer_price}" class="share">
	<view class="discount">邀请帮砍<image
	src="https://ebk-picture.oss-cn-hangzhou.aliyuncs.com/mini-wx/images/bargain/share.png"
	mode=""></image>
	</view>
	<view class="mustPrice">最低砍至{{bestPrice}}</view>
</button>

注意:如果在组件中配置了withShareTicket为true,转到微信之后长按不会出现转发按钮

 wx.showShareMenu({
    withShareTicket: true, // 是否使用带 shareTicket 的转发
    menus: ['shareAppMessage'] // 可以指定分享到朋友圈、群等的菜单列表,默认为['shareAppMessage', 'shareTimeline']
  });
		onShareAppMessage(e) {
			console.log(e)
			var {goodsname,goodsId, spdetailImg,origin_price,refer_price}=this
				// console.log(e.target.dataset,'onShareAppMessage');	
			let userId = uni.getStorageSync('userInfo').uid
			 refer_price = '原价'+refer_price/100+'元';
			 origin_price = '售价'+ origin_price/100+'元'
			// let already_grade_amount = '当前'+e.target.dataset.bargaingood.already_grade_amount/100+'元'
			return {
				title:`${refer_price}, ${origin_price},${goodsname}`,
				imageUrl:this.spImgList[0],
				path:'pages/bargain/bargainspDetail?uid='+userId+'&goodsId='+goodsId
				}
		},
		

展示图
在这里插入图片描述

onShareTimeline(e){
			console.log(e,'分享微信')
			var {goodsname,goodsId, spdetailImg,origin_price,refer_price,already_grade_amount}=this
				// console.log(e.target.dataset,'onShareAppMessage');	
			let userId = uni.getStorageSync('userInfo').uid
			 refer_price = '原价'+refer_price/100+'元';
			 already_grade_amount = '现价'+(parseInt(origin_price) - parseInt(already_grade_amount))/100+'元'
			// let already_grade_amount = '当前'+e.target.dataset.bargaingood.already_grade_amount/100+'元'
			return {
				title:`${refer_price}, ${already_grade_amount},${goodsname}`,
				imageUrl:this.spImgList[0],
				path:'pages/bargain/bargainspDetail?uid='+userId+'&goodsId='+goodsId
				}
		},

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码上流星&洒下星辰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值