xiuli.gao
/
activity618


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
    	<link rel="stylesheet" type="text/css" href="public.css"/>
		<title>6.18粉丝狂欢节</title>
		<style type="text/css">
			body{
				background:linear-gradient(90deg,#FF9000,#FF5000);
			}
			.body{
				width: 100%;
				background: url(img/bgImg.png) no-repeat;
				background-size: 100% 100%;
				padding-top: 1.62rem;
				padding-bottom: 0.58rem;
				text-align: center;
				overflow: hidden;
			}
			.describe{
				width: 2.75rem;
				text-align: center;
				font-size: 0.14rem;
				line-height: 0.2rem;
				color: #535353;
				margin: auto;
			}
			.describe text{
				color: #FC3907;
			}
			.triangle{
				width: 0.1rem;
				height: 0.1rem;
				margin: auto;
				margin-top: 0.15rem;
				margin-bottom: 0.11rem;
			}
			#taokouling{
				display: inline-block;
				background: #FFFB00;
				min-width: 2rem;
				height: 0.24rem;
				padding:0 0.14rem;
				font-size: 0.16rem;
				line-height: 0.24rem;
				color:#FF0000;
			}
			.button{
				display: block;
				width: 1.3rem;
				height: 0.2rem;
				color: #FF6000;
				font-size: 0.12rem;
				border: 0.01rem solid #FF6000;
				border-radius: 0.11rem;
				margin: auto;
				margin-top: 0.3rem;
				margin-bottom: 0.3rem;
			}
			.line{
				width: 3.01rem;
				border-bottom: 0.01rem dashed #979797;
				margin: auto;
				margin-bottom: 0.12rem;
			}
			footer{
				 color: #FC3907;
				 font-size: 0.16rem;
				 line-height: 0.22rem;
			}
			.activityTime{
				width: 3.14rem;
				padding-top: 0.12rem;
				margin: auto;
			}
			.activityTime p{
				font-size: 0.12rem;
				line-height: 0.22rem;
				text-align: left;
				color: #535353;
			}
			#copy_1,#copy_2{
				position: absolute;
				left: -1000rem;
			}
		</style>
	</head>
	<body>
		<div class="body">
			<p class="describe">618啦！发钱啦！猎豆优选送您现金红包！<br/>长按复制淘口令，打开<text>淘宝</text>，点击弹窗进入</p>
			<img class="triangle" src="img/318053772993410095.png" />
			<text id="taokouling">€Fh5l0EJZ9q0€</text>
			<button class="button" onclick="copyPassword()">点击复制淘口令</button>
			 <input id="copy_1" type="text" readOnly="true" value=""/>
			 <div id="copy_2"></div>
			<div class="line"></div>
			<footer>活动时间</footer>
			<div class="activityTime">
				<p>红包领取时间：</p>
				<p>2018.6.01 00:00:00-2018.6.20 23:59:59</p>
				<p>红包使用时间：</p>
				<p>1、2018.6.01 00:00:00-2018.6.17 23:59:59领取的红包，自领取日起3日内使用有效</p>
				<p>2、2018.6.18 00:00:00-2018.6.20 23:59:59领取的红包，使用有效期为2018.6.18 00:00:00-2018.6.20 23:59:59</p>
			</div>
		</div>
		<div class="mask">
			<div class="content">
				<h3>提示</h3>
				<p>复制成功，请前往淘宝</p>
				<div onclick="cancelYzm()">我知道了</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
	window.onresize = function(){
		document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
} 

function cancelYzm(){
	var mask = document.getElementsByClassName('mask')[0];
    mask.style.visibility='hidden';
}
function copyPassword() {
	var data=document.getElementById("taokouling").innerHTML;
	copy_2.innerHTML = data;
    copy_1.value = data;
    if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
        //区分iPhone设备
        window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
        var Url2=document.getElementById("copy_2");//要复制文字的节点
        var range = document.createRange();
        // 选中需要复制的节点
        range.selectNode(Url2);
        // 执行选中元素
        window.getSelection().addRange(range);
        // 执行 copy 操作
        var successful = document.execCommand('copy');

        // 移除选中的元素
        window.getSelection().removeAllRanges();
    }else{
        var Url2=document.getElementById("copy_1");//要复制文字的节点
        Url2.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
    }
    var mask = document.getElementsByClassName('mask')[0];
    mask.style.visibility='visible';
}
</script>