></div><div class="share-name">QQ空间</div></div><div class="share-option" onclick="shareWeibo()"><div class="share-icon"><i class="layui-icon layui-icon-login-weibo"></i></div><div class="share-name">微博</div></div><div class="share-option" onclick="coypUrl()"><div class="share-icon"><i class="layui-icon layui-icon-link"></i></div><div class="share-name">复制链接</div></div></div><div class="share-cancel" onclick="closeShare()">取消</div></div></div><script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script> wx.config({ debug: false, // true开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', timestamp: , nonceStr: '', signature: '', jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'previewImage', 'copyUrl']// 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); wx.ready(function(){ // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。 //分享到朋友圈 wx.onMenuShareTimeline({ title: '直播破亿三板斧：经销商与连锁门店实战案例拆解_武建伟老师_管理资源网', // 分享标题 link: 'http://wx.qg68.cn/index/index/id/187787', // 分享链接 imgUrl: 'http://www.qg68.cn/', // 分享图标 success: function () { alert("已分享"); // 用户确认分享后执行的回调函数 }, cancel: function () { alert("已取消"); // 用户取消分享后执行的回调函数 } }); //分享给朋友 wx.onMenuShareAppMessage({ title: '直播破亿三板斧：经销商与连锁门店实战案例拆解_武建伟老师_管理资源网', // 分享标题 desc: '直播破亿三板斧：经销商与连锁门店实战案例拆解_武建伟老师_管理资源网老师', // 分享描述 link: 'http://wx.qg68.cn/index/index/id/187787', // 分享链接 imgUrl: 'http://www.qg68.cn/', // 分享图标 type: '', // 分享类型,music、video或link，不填默认为link dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 success: function () { alert("已分享"); // 用户确认分享后执行的回调函数 }, cancel: function () { alert("已取消"); // 用户取消分享后执行的回调函数 } }); }); wx.error(function(res){ // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 }); </script><script> const pageTitle = document.title; const pageUrl = window.location.href; var layer = null; layui.use(function(){ layer = layui.layer; }); function goTop() { window.scrollTo({ top: 0, behavior: 'smooth' }) } function openShare() { $('.share-overlay').css('display', 'flex'); } function closeShare() { $('.share-overlay').css('display', 'none'); } document.querySelector('.share-overlay').addEventListener('click', function(e) { if (e.target === this) { this.style.display = 'none'; } }); function coypUrl() { copyToClipboard(pageUrl); layer.msg('链接已复制到剪贴板', {icon: 1}); closeShare(); } function coypTel(params){ copyToClipboard(params); layer.msg('电话已复制到剪贴板', {icon: 1}); } function copyToClipboard(text) { const textarea = document.createElement('textarea'); textarea.value = text; textarea.setAttribute('readonly', ''); textarea.style.position = 'absolute'; textarea.style.left = '-9999px'; document.body.appendChild(textarea); textarea.select(); textarea.setSelectionRange(0, 99999); try { const successful = document.execCommand('copy'); if (!successful) { console.error('复制失败'); } } catch (err) { console.error('复制错误:', err); } document.body.removeChild(textarea); } function shareWeibo() { const shareUrl = `http://service.weibo.com/share/share.php?url=${encodeURIComponent(pageUrl)}&title=${encodeURIComponent(pageTitle)}`; layer.open({ type: 2, title: false, shadeClose: true, area: ['80%','80%'], content: shareUrl }); closeShare(); } function shareQQSpace() { const shareUrl = `https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=${encodeURIComponent(pageUrl)}&title=${encodeURIComponent(pageTitle)}`; layer.open({ type: 2, title: false, shadeClose: true, area: ['80%','80%'], content: shareUrl }); closeShare(); } function showEwm(){ layer.open({ type: 1, title: "加微信，沟通快人一步", shadeClose: true, scrollbar: false, shade: 0.8, area: ['300px','420px'], content: '<img src="/Public/static/img/erweima.jpg" alt="加微信，沟通快人一步">' }); } </script></body></html>