forestProduct
/
forestProduct-UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
							<!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>