005 - 分享二维码（功能代码）

最新推荐文章于 2024-04-02 11:11:15 发布

liguanjie8

最新推荐文章于 2024-04-02 11:11:15 发布

阅读量1k

点赞数

分类专栏： JS 日常

本文链接：https://blog.csdn.net/liguanjie8/article/details/74435309

版权

JS 日常专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<html lang="en" style="font-size: 42.6667px;"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>分享二维码</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="../../css/share_qrcode/index_new.css" rel="stylesheet">

<script src="../../js/jquery-1.9.1.min.js"></script>
<script>
//默认字体大小设置
(function(win) {
initPage();
window.onresize = function () {
initPage()
};
function initPage() {
document=window.document,docElem=document.documentElement;
var htmlWidth = docElem.getBoundingClientRect().width;
htmlWidth > 750 && (htmlWidth = 750 * 1);
var rem = htmlWidth / 7.50;
docElem.style.fontSize = rem + "px"
}
})(window);
</script>
</head>
<body>
<div style="display: none">
<img src="http://wx.qlogo.cn/mmopen/5IBTibH0YY2prKiamaMQyicPicyfDRfVC4j1j0yicia3lfjjYtAXHCxhCAhogiaJic8HCN76ZwvlavicICOAlmVJcEHpn1g/0">
</div>


<div class="content">
<div class="share_head">
<img src="../../img/pro_qrcode/share_head.png" alt="" class="shage_img">

<div class="avatar" style="left: 0.53rem;top: 0.53rem;"><img src="<?=$headimgurl?>" style="width: 1.05rem;height: 1.05rem;; "> </div>


<div class="wx-inform">
我是
<div class="wx_name" ><?=$nickname?></div>
<div style="color:#f88b4b;font-size:.31rem;top: .44rem;position: absolute;width: 280px;">邀请您进入我的圈子</div>
</div>

</div>


<div class="section-content">
<p style="margin:0 0 0.1rem 0"><?=!empty($yqs_config->welcomes) ? $yqs_config->welcomes :'' ;?></p>
<p></p>
<?php if(empty($yqs_config->pro_bg)){?>
<img src="../../img/pro_qrcode/share_foot.png" alt="" class="share_foot">
<?php }else{?>
<img src="http://m.yaoyaola.cn/resfile/pro_bg/<?=$yqs_config->pro_bg?>" alt="" class="share_foot">
<?php } ?>
</div>




<div class="q_code" style="top: 55%;left: 23%;width: 54%;height: 33%;"><img src="<?=$qrcodeimg?>" style="width:100%;height:100%;"> </div>

</div>


<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
debug: false,
appId: '<?=$appId;?>',
timestamp: '<?=$timestamp;?>',
nonceStr: '<?=$nonceStr;?>',
signature: '<?=$signature;?>',
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
});

wx.ready(function () {
//分享给好友
wx.onMenuShareAppMessage({
title: '【<?=$nickname?>】邀请你加入他的圈子', // 分享标题
desc: '', // 分享描述
link: 'http://www.yaoyaola.cn/index.php/yqs/pro_qrcode?wid=<?=$wid;?>&uid=<?=$uid;?>',
imgUrl: '<?=$headimgurl?>', // 分享图标
//type: '', // 分享类型,music、video或link，不填默认为link
//dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//分享到朋友圈
wx.onMenuShareTimeline({
title: '【<?=$nickname?>】邀请你加入他的圈子', // 分享标题
link: 'http://www.yaoyaola.cn/index.php/yqs/pro_qrcode?wid=<?=$wid?>&uid=<?=$uid?>',
imgUrl: '<?=$headimgurl?>', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
</script>

<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?6c814aa916a3432b382cf9382fd078bf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>

</body>
</html>