为什么分享到朋友圈的缩略图背景图变成了黑色?
分享到朋友圈的缩略图背景图变成了黑色,请会的人回答 wxshare() {
weChatSharing({
url: location.href.split("#")[0]
}).then(res => {
this.WX_Obj = res.data;
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: this.WX_Obj.appid, // 必填,公众号的唯一标识
timestamp: this.WX_Obj.timestamp, // 必填,生成签名的时间戳
nonceStr: this.WX_Obj.nonceStr, // 必填,生成签名的随机串
signature: this.WX_Obj.signature, // 必填,签名
jsApiList: [
"updateAppMessageShareData",
"updateTimelineShareData"
], // 必填,需要使用的JS接口列表
});
})
// 通过ready接口处理成功验证
wx.ready(function() {
let DiyContent = [];
weChatSharingCustom({
url: location.href.split("#")[0]
}).then(res => {
DiyContent = res.data
console.log("数据1",DiyContent);
// console.log("自定义返回数据", DiyContent);
// 分享到朋友
wx.updateAppMessageShareData({
title: DiyContent.title, // 分享标题
desc: DiyContent.desc, // 分享描述
link: location.href.split("#")[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: DiyContent.imageUrl, // 分享图标
type: "", // 分享类型,music、video或link,不填默认为link
dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空
success: function() {
// 用户点击了分享后执行的回调函数
// console.log(分享成功);
},
cancel: function() {
// 用户取消分享后执行的回调函数
// console.log(分享取消);
}
})
// 分享到朋友圈
wx.updateTimelineShareData({
title: DiyContent.title, // 分享标题
link: location.href.split("#")[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: DiyContent.imageUrl, // 分享图标
success: function() {
// 用户点击了分享后执行的回调函数
// console.log(分享成功);
},
cancel: function() {
// 用户取消分享后执行的回调函数
// console.log(分享取消);
}
})
})
})
}
}
}