微信自定义分享样式

默认分享样式

在这里插入图片描述

自定义分享样式

在这里插入图片描述
现在让我们来代码实现吧

在需要调用JS接口的页面引入如下JS文件,(支持https):.http://res.wx.qq.com/open/js/jweixin-1.2.0.js

	wx.config({debug : false, //调试appId: "xxxxxx", //必填,公众号的唯一标识nonceStr: "xxxx",// 必填,生成签名的随机串signature: "xxxxxx",// 必填,签名timestamp: "1631867654", //必填,生成签名的时间戳jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline' ]  //必填,需要使用的JS接口列表,  onMenuShareAppMessage分享朋友,onMenuShareTimeline分享朋友圈});wx.ready(function () {//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口wx.onMenuShareTimeline({title: '我是标题', // 分享标题link: 'https://baidu.com', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: '我是图片路径', // 分享图标 这个图片地址需要填写绝对路径 www.xxx.com/images/xxx.jpgsuccess: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});//分享给朋友wx.onMenuShareAppMessage({title :'我是标题', // 分享标题desc : '我是描述内容', // 分享描述link : 'https://baidu.com', // 分享链接imgUrl : '我是图片路径', // 分享图标type : 'link', // 分享类型,music、video或link,不填默认为linksuccess : function() {// 用户确认分享后执行的回调函数this.showError('分享成功');},cancel : function() {// 用户取消分享后执行的回调函数this.showError('取消分享');}});});


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部