收藏
回答

为什么分享到朋友圈的缩略图背景图变成了黑色?

分享到朋友圈的缩略图背景图变成了黑色,请会的人回答

            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(分享取消);
                            }
                        })
                    })
                })
            }
        }
    }
回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容