<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>预览二维码</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<link rel="stylesheet" type="text/css" href="share/css/share.min.css" />
<style type="text/css">
.ui-center>* {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
}
.ui-center:before {
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
visibility: hidden;
}
.box {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: flex;
}
.iphone-box {
width: 375px;
height: 712px;
overflow: hidden;
background: url(bg.png) no-repeat center center;
background-size: 100% 100%;
position: relative;
margin: 20px;
}
.iphone-box iframe {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 328px;
height: 541px;
padding: 0;
border: 0;
}
.Q-code {
flex: 1;
text-align: center;
}
</style>
</head>
<body>
<div class="box">
<div class="iphone-box">
<iframe src="../../H5/index.html?pc=1"></iframe>
</div>
<div class="Q-code ui-center">
<div>
<p style="font-size: 38px;">扫一扫分享给朋友</p>
<img id="qrcodeImg" style="width: 300px;height: 300px;" src="">
<div id='share'></div>
</div>
</div>
</div>
<script type="text/javascript">
function loadJS(url) {
document.write("<script src='" + url + "?ver=" + new Date().getTime() + "'><\/script>")
}
loadJS("../../layui/layui.js");
loadJS("../../js/ajaxhook.min.js");
loadJS("../../js/config.js");
</script>
<script src="share/js/social-share.min.js" type="text/javascript" charset="utf-8"></script>
<script src="share/js/qrcode.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
layui.config({
base: "../../js/layuiPlugins/"
}).use(['jquery'], function () {
var $ = layui.$;
//获取连接
$.ajax({
url: 'show_codeDetail',
data: location.searchObj(),
success: function (res) {
var elem = document.getElementById('qrcodeImg');
var iframe = document.querySelector('iframe');
try {
//配置二维码显示
elem.src = hywa.config.href + (res.data[0].imagesPath || '');
//配置pc端手机框显示,pc参数为真是pc展示,为假手机展示
iframe.src = res.data[0].qrcodeUrl + '&pc=1&vis=' + Math.random();
//配置分享
socialShare('#share', {
url: res.data[0].qrcodeUrl,
//sites:['qzone', 'qq', 'weibo','wechat'],
title: "朔源码预览",
});
} catch (e) {
}
}
});
});
</script>
</body>
</html>