heyang 3 年之前
父节点
当前提交
c3ad6c1133

+ 458 - 0
microserviceUserH5/static/css/qqActivity.css

@@ -0,0 +1,458 @@
+@media screen and (max-width: 750px) {
+  html {
+    font-size: calc(100vw / 7.5);
+  }
+}
+
+@media screen and (min-width: 750px) {
+  html {
+    font-size: calc(450px / 7.5);
+  }
+}
+
+html, body, div, ul, li, p {
+  padding: 0;
+  margin: 0;
+}
+
+ul, li {
+  list-style: none;
+}
+
+.containers{
+  width: 7.5rem;
+  margin: auto;
+}
+
+.banner-wrap{
+  width: 7.5rem;
+  height: 9rem;
+  position: relative;
+}
+
+.title-wrap{
+  position: absolute;
+  top: 0.3rem;
+  left: 0.2rem;
+  display: flex;
+  align-items: center;
+  display: none;
+}
+
+.title-img{
+  width: 0.2rem;
+  height: 0.35rem;
+}
+
+.title-text{
+  width: 7.2rem;
+  text-align: center;
+  font-size: 0.36rem;
+  font-weight: 600;
+  color: #FFFFFF;
+}
+
+.banner-img{
+  width: 100%;
+  height: 100%;
+}
+
+.rule-wrap{
+  width: 1rem;
+  height: 0.6rem;
+  position: absolute;
+  top: 1.5rem;
+  right: 0;
+}
+
+.rule-img{
+  width: 100%;
+  height: 100%;
+}
+
+.rule-mask{
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: none;
+}
+
+.dialogs {
+  width: 7.5rem;
+  height: 8.7rem;
+  border-radius: 0.2rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -10.96rem;
+  z-index: 999;
+}
+
+.rule-dialog-wrap{
+  width: 7.5rem;
+  height: 6.2rem;
+  background: #FFFFFF;
+  border-radius: 0.2rem 0.2rem 0 0;
+  padding: 0.3rem 0.35rem;
+}
+
+.rule-title-wrap{
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 0.2rem;
+  border-bottom: 0.01rem solid rgba(238,238,238,1);
+}
+
+.rule-text{
+  font-size: 0.3rem;
+  font-weight: bold;
+  color: #333333;
+}
+
+.rule-close{
+  width: 0.28rem;
+  height: 0.28rem;
+}
+
+.rule-list{
+  margin-top: 0.2rem;
+  font-size: 0.24rem;
+  color: #4D4D4D;
+}
+
+.rule-point{
+  margin-top: 0.2rem;
+}
+
+.main-wrap{
+  margin-top: -0.55rem;
+  background-color: rgba(135, 211, 255, 1);
+  padding-bottom: 0.6rem;
+}
+
+.middle-wrap{
+  position: relative;
+  width: 6.8rem;
+  height: 4.4rem;
+  margin: auto;
+  padding-top: 0.1rem;
+  background: #F1FEFF;
+  box-shadow: 0 0 0.49rem 0 #FFFFFF;
+  border-radius: 0.2rem;
+}
+
+.ipt-row{
+  width: 6rem;
+  height: 0.88rem;
+  border: 0.02rem solid #489DFF;
+  border-radius: 0.44rem;
+  display: flex;
+  align-items: center;
+  margin: auto;
+  margin-top: 0.36rem;
+}
+
+.img{
+  width: 0.3rem;
+  height: 0.36rem;
+  margin: 0 0.22rem 0 0.3rem;
+}
+
+.ipt{
+  width: 4.14rem;
+  height: 0.4rem;
+  outline: none;
+  border: none;
+  background-color: rgba(241, 254, 255, 1);
+  padding-left: 0.24rem;
+  border-left: 0.01rem solid rgba(238,238,238,1);
+  box-sizing: border-box;
+  font-size: 0.24rem;
+  margin-right: 0.3rem;
+}
+
+.code-ipt{
+  width: 3rem;
+}
+
+.phone-tip{
+  position: absolute;
+  top: 1.36rem;
+  left: 1.4rem;
+  font-size: 0.24rem;
+  color: #FB5030;
+  display: none;
+}
+
+.code-tip{
+  position: absolute;
+  top: 2.58rem;
+  left: 1.4rem;
+  font-size: 0.24rem;
+  color: #FB5030;
+  display: none;
+}
+
+.get-code{
+  font-size: 0.3rem;
+  color: #489DFF;
+}
+
+.get-code-active{
+  width: 1.4rem;
+  height: 0.6rem;
+  line-height: 0.6rem;
+  text-align: center;
+  color: #489DFF;
+  border-radius: 0.1rem;
+  background-color: rgba(238,238,238,1);
+}
+
+.btns{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.4rem;
+}
+
+.btn-img{
+  width: 6rem;
+  height: 1.2rem;
+}
+
+.bottom-wrap{
+  background-color: rgba(135, 211, 255, 1);
+  padding-bottom: 0.8rem;
+}
+
+.title{
+  width: 3.2rem;
+  height: 0.56rem;
+  margin: auto;
+}
+
+.icon-title{
+  width: 100%;
+  height: 100%;
+}
+
+.icon-wrap{
+  width: 6.8rem;
+  height: 6.2rem;
+  margin: auto;
+  margin-top: 0.2rem;
+  background: #F1FEFF;
+  box-shadow: 0 0 0.49rem 0 #FFFFFF;
+  border-radius: 0.2rem;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  padding: 0.34rem;
+}
+
+.icon-item{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.icon-item-img{
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.icon-item-text{
+  margin-top: 0.24rem;
+  font-weight: 600;
+  color: rgba(51, 51, 51, 1);
+  font-size: 0.3rem;
+}
+
+.icon-item-tip{
+  color: rgba(153, 153, 153, 1);
+  font-size: 0.24rem;
+}
+
+.copy-mask {
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+
+.copy-dialog {
+  width: 6.22rem;
+  height: 8.56rem;
+  background: #FFFFFF;
+  border-radius: 0.2rem;
+  position: absolute;
+  left:50%;
+  transform: translateX(-50%);
+  padding: 0 0.4rem;
+  top: -6.96rem;
+  /* overflow: hidden; */
+}
+
+.ios-mask {
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+
+.ios-dialog {
+  width: 6.24rem;
+  height: 3.5rem;
+  background: #FFFFFF;
+  border-radius: 0.2rem;
+  position: absolute;
+  left:50%;
+  transform: translateX(-50%);
+  padding: 0.6rem 0;
+  box-sizing: border-box;
+  top: -6.24rem;
+}
+.txt1 {
+  font-size: 0.36rem;
+  color: #333333;
+  line-height: 0.48rem;
+  text-align: center;
+}
+.btn2, .btn3 {
+  width: 2.41rem;
+  height: 0.89rem;
+}
+.ios-btnlist {
+  margin-top: 0.6rem;
+  text-align: center;
+}
+.imgs-block{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  margin-top: 0.5rem;
+}
+
+.copy-tip{
+  display: flex;
+  justify-content: center;
+  font-size: 0.28rem;
+  margin-top: 0.32rem;
+  color: #333333;
+}
+
+.my{
+  color: #000000;
+  font-weight: 600;
+}
+
+.point1{
+  font-size: 0.26rem;
+  margin-top: 0.16rem;
+  color: #666666;
+}
+
+.point-img{
+  width: 5.42rem;
+  height: 1.7rem;
+  margin: auto;
+  margin-top: 0.2rem;
+}
+
+.point2{
+  margin-top: 0.32rem;
+}
+
+.imgs{
+  width: 0.38rem;
+  height: 0.38rem;
+}
+
+.imgs-text{
+  font-size: 0.36rem;
+  color: #3B7FFF;
+}
+
+.get-success-block{
+  display: flex;
+  justify-content: center;
+  margin-top: 0.3rem;
+}
+
+.get-success{
+  width: 4.6rem;
+  height: 0.9rem;
+  line-height: 0.9rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.25rem;
+  background: linear-gradient(180deg, #6DB6FF 0%, #3B7FFF 100%);
+  border-radius: 0.2rem;
+}
+.close{
+  width: 0.48rem;
+  height: 0.48rem;
+  position: absolute;
+  bottom: -0.8rem;
+  left: 50%;
+  margin-left: -0.24rem;
+  z-index: 999;
+}
+
+.close1{
+  width: 0.48rem;
+  height: 0.48rem;
+  position: absolute;
+  bottom: -0.8rem;
+  left: 50%;
+  margin-left: -0.24rem;
+  z-index: 999;
+}
+
+#toast-container>.toast-error {
+  background-image: none !important;
+  border-radius: 0.2rem;
+}
+
+.toast-error {
+  background-color: rgba(0, 0, 0, 0.8);
+  border-radius: 0.2rem;
+}
+
+#toast-container>div {
+  font-size: 14px;
+  min-width: 80px !important;
+  padding: 12px !important;
+  box-shadow: none;
+  border-radius: 0.2rem;
+}
+
+.toast-center-center {
+  position: fixed;
+  min-width: 220px;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translateX(-50%);
+  color: #FFFFFF;
+  border-radius: 0.2rem;
+}
+
+@media (max-width: 480px) and (min-width: 241px) {
+  #toast-container>div {
+    min-width: 80px !important;
+    width: auto;
+  }
+}

二进制
microserviceUserH5/static/img/qqActivity/back.png


二进制
microserviceUserH5/static/img/qqActivity/banner.png


二进制
microserviceUserH5/static/img/qqActivity/bottom.png


二进制
microserviceUserH5/static/img/qqActivity/btn.png


二进制
microserviceUserH5/static/img/qqActivity/btn2.png


二进制
microserviceUserH5/static/img/qqActivity/btn3.png


二进制
microserviceUserH5/static/img/qqActivity/code.png


二进制
microserviceUserH5/static/img/qqActivity/icon-title.png


二进制
microserviceUserH5/static/img/qqActivity/icon1.png


二进制
microserviceUserH5/static/img/qqActivity/icon2.png


二进制
microserviceUserH5/static/img/qqActivity/icon3.png


二进制
microserviceUserH5/static/img/qqActivity/icon4.png


二进制
microserviceUserH5/static/img/qqActivity/icon5.png


二进制
microserviceUserH5/static/img/qqActivity/icon6.png


二进制
microserviceUserH5/static/img/qqActivity/phone.png


二进制
microserviceUserH5/static/img/qqActivity/rule-close.png


二进制
microserviceUserH5/static/img/qqActivity/rule.png


+ 443 - 0
microserviceUserH5/vcloud/qqActivity.html

@@ -0,0 +1,443 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+	<title>领福利活动</title>
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+	<link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
+	<link rel="stylesheet" href="../static/css/qqActivity.css">
+	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
+	<script src="../static/js/vender/toastr/toastr.min.js"></script>
+	<script src="../static/js/vender/config.js"></script>
+	<script src="../static/js/vender/crypto-js.js"></script>
+	<script src="../static/js/vender/ase.js"></script>
+</head>
+
+<body>
+	<div class="containers">
+		<div class="banner-wrap">
+			<div class="title-wrap">
+				<img class="title-img" src="../static/img/qqActivity/back.png">
+				<div class="title-text">双子星云手机</div>
+			</div>
+			<img class="banner-img" src="../static/img/qqActivity/banner.png">
+			<div class="rule-wrap">
+				<img class="rule-img" src="../static/img/qqActivity/rule.png">
+			</div>
+		</div>
+		<div class="main-wrap">
+			<div class="middle-wrap">
+				<div class="ipt-row">
+					<img class="img" src="../static/img/qqActivity/phone.png">
+					<input class="phone-ipt ipt" type="number" placeholder="请输入11位手机号码" />
+				</div>
+				<div class="phone-tip">*请输入正确的手机号码</div>
+				<div class="ipt-row">
+					<img class="img" src="../static/img/qqActivity/code.png">
+					<input class="code-ipt ipt" type="number" placeholder="请输入验证码" />
+					<div class="get-code">获取验证码</div>
+				</div>
+				<div class="code-tip">*请输入正确的验证码</div>
+				<div class="btns">
+					<img class="btn-img" src="../static/img/qqActivity/btn.png">
+				</div>
+			</div>
+		</div>
+		<div class="bottom-wrap">
+		    <div class="title">
+				<img class="icon-title" src="../static/img/qqActivity/icon-title.png">
+			</div>
+			<div class="icon-wrap">
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon1.png">
+					<div class="icon-item-text">7*24小时在线</div>
+					<div class="icon-item-tip">全天应用托管</div>
+				</div>
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon2.png">
+					<div class="icon-item-text">云游戏</div>
+					<div class="icon-item-tip">即点即玩</div>
+				</div>
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon3.png">
+					<div class="icon-item-text">手机无限扩容</div>
+					<div class="icon-item-tip">一切在云</div>
+				</div>
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon4.png">
+					<div class="icon-item-text">低配变顶配</div>
+					<div class="icon-item-tip">玩转大型游戏</div>
+				</div>
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon5.png">
+					<div class="icon-item-text">三端通用</div>
+					<div class="icon-item-tip">适配无忧</div>
+				</div>
+				<div class="icon-item">
+					<img class="icon-item-img" src="../static/img/qqActivity/icon6.png">
+					<div class="icon-item-text">影音随心享</div>
+					<div class="icon-item-tip">云端缓存不占空间</div>
+				</div>
+			</div>
+		</div>
+		<div class="rule-mask">
+			<div class="dialogs">
+				<div class="rule-dialog-wrap">
+					<div class="rule-title-wrap">
+						<div class="rule-text">活动规则</div>
+						<img class="rule-close" src="../static/img/qqActivity/rule-close.png">
+					</div>
+					<div class="rule-list">
+						<div class="rule-point">1.活动期间,通过本页面/QQ钱包渠道首次新注册的用户可获得3天双子星云手机兑换激活码,已注册用户无法领取;</div>
+						<div class="rule-point">2.云手机领取方式为激活码兑换,已领取兑换激活码的用户,可下载【双子星APP】,在APP内【我的】界面,选择【激活码】输入激活码进行兑换;</div>
+						<div class="rule-point">3.用户如果使用外挂、作弊器以及其他不正当的方式参加本活动的,双子星官方有权收回您非法获得的全部礼品,并就相关行为给予处罚;</div>
+						<div class="rule-point">4.双子星官方对活动具有最终解释权。</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="copy-mask">
+			<div class="copy-dialog">
+				<div class="imgs-block">
+					<img class="imgs" src="../static/img/icon-copy.png" />
+					<div class="imgs-text">注册成功</div>
+					<img class="imgs" src="../static/img/icon-copy.png" />
+				</div>
+				<div class="copy-tip">温馨提示:激活码使用教程</div>
+				<div class="point1">1、在双子星APP的工具栏,点击 <span class="my">[我的]</span></div>
+				<img class="point-img" src="../static/img/point1.png" />
+				<div class="point1 point2">2、找到 我的工具 -  <span class="my">[激活码] </span>,点击激活码
+					即可兑换使用激活码啦。</div>
+				<img class="point-img" src="../static/img/point2.png" />
+				<div class="get-success-block">
+					<div class="get-success">下载APP并复制激活码</div>
+				</div>
+				<img class="close" src="img/close.png" />
+			</div>
+		</div>
+		<div class="ios-mask">
+			<div class="ios-dialog">
+				<div class="txt1">仅差一步领取成功<br />限时奖励等你来拿</div>
+				<div class="ios-btnlist">
+					<img class="btn2" onclick="copyIosUrl()" style="margin-right: 0.3rem;" src="../static/img/qqActivity/btn2.png" alt="">
+					<img class="btn3" onclick="copyCodeUrl()" src="../static/img/qqActivity/btn3.png" alt="">
+				</div>
+				<img class="close1" src="img/close.png" />
+			</div>
+		</div>
+	</div>
+	<script>
+		toastr.options.positionClass = 'toast-center-center';
+		toastr.options.timeOut = '1500';
+	</script>
+	<script type="text/javascript">
+        // var baseUrl = 'https://per.cs.se.androidscloud.com'
+		let timer, flag = true;
+		let time = 60, codeTimer = null, isStart = false, myCode = '';
+		var url = window.location.href;
+		url = url.split('/')
+		var loc = window.location.search,
+			n1 = loc.length,//地址的总长度
+			n2 = loc.indexOf("="),//取得=号的位置
+			id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
+			u = navigator.userAgent,
+			ua = navigator.userAgent.toLowerCase(),
+			isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
+		//点击规则
+		$('.rule-wrap')[0].addEventListener('click',() => {
+			$('.dialogs').animate({bottom: '-3.56rem'},"fast");
+			$('.rule-mask').show();
+			document.documentElement.style.overflow='hidden';
+		},false);
+		//点击规则关闭按钮
+		$('.rule-close')[0].addEventListener('click',() => {
+			$('.dialogs').animate({bottom: '-10.96rem'},"fast");
+			$('.rule-mask').hide();
+			document.documentElement.style.overflow='auto';
+		},false);
+		//点击获取验证码
+		$('.get-code')[0].addEventListener('click',() => {
+			if(isStart){
+				return
+			}
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
+			let phoneFlag = checkPhone();
+			if(!phoneFlag || phone.length < 11){
+				$('.phone-tip').eq(0).css('display', 'block');
+				return false
+			}
+			getCode();
+		},false);
+		// 获取验证码接口
+		function getCode() {
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
+			$.ajax({
+				url: baseUrl + '/api/user/v1/phone/v_code/send',
+				type: 'post',
+				data: JSON.stringify({
+					type: 'regist',
+					phone: phone
+				}),
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					if(res.status == 0){
+						toastr.error(`验证码已发送`);
+						isStart = true;
+						$('.get-code').eq(0).text('60s');
+						$('.get-code')[0].className = 'get-code get-code-active';
+						codeTimer = setInterval(() => {
+							time--;
+							if(time > 0){
+								$('.get-code').eq(0).text(`${time}s`);
+							}else{
+								isStart = false;
+								time = 60;
+								clearInterval(codeTimer);
+								$('.get-code').eq(0).text('获取验证码');
+								$('.get-code-active')[0].className = 'get-code';
+							}
+						}, 1000);
+					}else{
+						toastr.error(res.msg);
+					}
+				}
+			});
+		}
+		//点击立即领取按钮
+		$('.btns')[0].addEventListener('click',() => {
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
+			let code = $('.code-ipt').eq(0).val();
+			code = code.replace(/\s+/g,"");
+			let dataObj = {
+				phone: phone,
+				code: code
+			}
+			let phoneFlag = checkPhone();
+			if(!phoneFlag || phone.length < 11){
+				$('.phone-tip').eq(0).css('display', 'block');
+				return false
+			}
+			let codeFlag = checkCode();
+			if(!codeFlag){
+				$('.code-tip').eq(0).css('display', 'block');
+				return false
+			}
+			if(code.length < 6){
+				$('.code-tip').eq(0).css('display', 'block');
+				return false;
+			}
+			$.ajax({
+				url: baseUrl + '/api/user/web/register/qqWallet',
+				type: 'post',
+				data: JSON.stringify(dataObj),
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					if(res.status == 0){
+						myCode = res.data;
+						$('.copy-dialog').animate({top: '1.8rem'},"fast");
+						$('.copy-mask').show();
+						document.documentElement.style.overflow='hidden';
+					}else{
+						toastr.error(res.msg);
+					}
+					
+				}
+			})
+		},false);
+		//点击下载APP并复制激活码
+		$('.get-success-block')[0].addEventListener('click', (e) => {
+			operate('QQQB_下载APP并复制激活码');
+      if (isIOS) {
+				$('.copy-dialog').animate({top: '-6.96rem'},"fast");
+				$('.copy-mask').hide();
+				$('.ios-dialog').animate({top: '5.75rem'},"fast");
+				$('.ios-mask').show();
+			} else {
+				copyUrl();
+			}
+		});
+		$('.phone-ipt')[0].oninput = checkPhone;
+		function checkPhone(){
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
+			if(phone.length > 11){
+				phone = phone.slice(0,11);
+				$('.phone-ipt').eq(0).val(phone);
+			}
+			let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+			if(!phone){
+				$('.phone-tip').eq(0).css('display', 'block');
+				return false;
+			}else if(!reg_tel.test(phone) && phone.length == 11){
+				$('.phone-tip').eq(0).css('display', 'block');
+				return false;
+			}else{
+				$('.phone-tip').eq(0).css('display', 'none');
+				return true;
+			}
+		}
+		$('.code-ipt')[0].oninput = checkCode;
+		function checkCode(e){
+			let code = $('.code-ipt').eq(0).val();
+			code = code.replace(/\s+/g,"");
+			if(code.length > 6){
+				code = code.slice(0,6);
+				$('.code-ipt').eq(0).val(code);
+			}
+			if(!code){
+				$('.code-tip').eq(0).css('display', 'block');
+				return false;
+			}else{
+				$('.code-tip').eq(0).css('display', 'none');
+				return true;
+			}
+		}
+		$('.phone-ipt')[0].addEventListener('blur',() => {
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
+			let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+			if(!reg_tel.test(phone)){
+				$('.phone-tip').eq(0).css('display', 'block');
+			}
+		},false);
+		$('.code-ipt')[0].addEventListener('blur',() => {
+			let code = $('.code-ipt').eq(0).val();
+			code = code.replace(/\s+/g,"");
+			if(code.length < 6){
+				$('.code-tip').eq(0).css('display', 'block');
+			}
+		},false);
+        function download() {
+            if (isAndroid) {
+                if (baseUrl == 'https://per.cs.se.androidscloud.com') {
+                    window.location.href = 'http://per.cs.se.androidscloud.com:8888'
+                } else {
+                    window.location.href = 'http://www.androidscloud.com?timestamp=' + Math.random();
+                }
+
+            } else if (isIOS) {
+                document.location.href = 'https://www.pgyer.com/gemini6?timestamp=' + Math.random();
+            } else {
+                document.location.href = 'https://www.androidscloud.com?timestamp=' + Math.random();
+            }
+        }
+		$('.close')[0].addEventListener('click', (e) => {
+            $('.copy-dialog').animate({top: '-6.96rem'},"fast");
+            $('.copy-mask').hide();
+            document.documentElement.style.overflow='auto';
+		});
+		$('.close1')[0].addEventListener('click', (e) => {
+			$('.ios-dialog').animate({top: '-6.96rem'},"fast");
+			$('.ios-mask').hide();
+			document.documentElement.style.overflow='auto';
+		});
+		//复制
+		function copyUrl() {
+			var oInput = document.createElement('input'); //创建一个input
+            oInput.setAttribute("readonly", "readonly"); //设置只读,否则移动端使用复制功能时可能会造成软件盘弹出
+            setTimeout(() => {
+                oInput.value = myCode;
+                // oInput.select(); // 选择对象 ios不支持
+                document.body.appendChild(oInput)
+                selectText(oInput, 0, oInput.value.length);
+                document.execCommand("Copy"); // 执行浏览器复制命令
+                toastr.error(`复制成功`);
+                $('.copy-dialog').animate({top: '-6.96rem'},"fast");
+                $('.copy-mask').hide();
+                document.documentElement.style.overflow='auto';
+                oInput.style.display = 'none'; // 将input隐藏
+                oInput.blur();
+                oInput.remove(); // 将input销毁
+                setTimeout(() => {
+                    download();
+                }, 1000)
+            }, 400)
+		}
+		//复制
+		function copyIosUrl() {
+			var oInput = document.createElement('input'); //创建一个input
+			oInput.setAttribute("readonly", "readonly"); //设置只读,否则移动端使用复制功能时可能会造成软件盘弹出
+			setTimeout(() => {
+				oInput.value = 'https://www.pgyer.com/gemini6';
+				// oInput.select(); // 选择对象 ios不支持
+				document.body.appendChild(oInput)
+				selectText(oInput, 0, oInput.value.length);
+				document.execCommand("Copy"); // 执行浏览器复制命令
+				toastr.error(`复制成功`);
+				// $('.ios-dialog').animate({top: '-6.96rem'},"fast");
+				// $('.ios-mask').hide();
+				document.documentElement.style.overflow='auto';
+				oInput.style.display = 'none'; // 将input隐藏
+				oInput.blur();
+				oInput.remove(); // 将input销毁
+			}, 400)
+		}
+		//复制
+		function copyCodeUrl() {
+			var oInput = document.createElement('input'); //创建一个input
+			oInput.setAttribute("readonly", "readonly"); //设置只读,否则移动端使用复制功能时可能会造成软件盘弹出
+			setTimeout(() => {
+				oInput.value = myCode;
+				// oInput.select(); // 选择对象 ios不支持
+				document.body.appendChild(oInput)
+				selectText(oInput, 0, oInput.value.length);
+				document.execCommand("Copy"); // 执行浏览器复制命令
+				toastr.error(`复制成功`);
+				// $('.ios-dialog').animate({top: '-6.96rem'},"fast");
+				// $('.ios-mask').hide();
+				document.documentElement.style.overflow='auto';
+				oInput.style.display = 'none'; // 将input隐藏
+				oInput.blur();
+				oInput.remove(); // 将input销毁
+			}, 400)
+		}
+		// input自带的select()方法在苹果端无法进行选择,所以需要自己去写一个类似的方法
+		// 选择文本。createTextRange(setSelectionRange)是input方法
+		function selectText(textbox, startIndex, stopIndex) {
+			if (textbox.createTextRange) {//ie
+				const range = textbox.createTextRange();
+				range.collapse(true);
+				range.moveStart('character', startIndex);//起始光标
+				range.moveEnd('character', stopIndex - startIndex);//结束光标
+				range.select();//不兼容苹果
+			} else {//firefox/chrome
+				textbox.setSelectionRange(startIndex, stopIndex);
+				textbox.focus();
+			}
+		}
+		function operate(pointName) {
+			$.ajax({
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
+				type: 'post',
+				data: JSON.stringify({
+					pointName: pointName
+				}),
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {},
+			})
+		}
+		//防止提示一秒内重复显示
+		function stopManyClick(fn) {
+			if (flag) {
+				fn();
+			}
+			flag = false;
+			if (timer) { clearTimeout(timer); }
+			timer = setTimeout(() => { flag = true }, 1500);
+		}
+	</script>
+</body>
+
+</html>