Merge branch 'uat' of Software/android-cloud-H5 into master-new

microserviceUserH5/static/css/anniversaryCelebrate.css

@@ -189,9 +189,12 @@ ul, li {
   height: 2.02rem;
   display: flex;
   justify-content: space-between;
-  background: #25244B;
   border-radius: 0.11rem;
   margin: auto;
+  background-image: url('../img/anniversaryCelebrate/award-bg.png');
+  background-repeat: repeat-y;
+  background-size: cover;
+  position: relative;
 }
 
 .number-wrap{
@@ -201,13 +204,19 @@ ul, li {
 }
 
 .rest-times{
-  padding-top: 0.66rem;
+  padding-top: 0.56rem;
   font-size: 0.28rem;
   color: #FFFFFF;
 }
 
 .rest-number{
+  font-size: 0.36rem;
   color: rgba(253, 255, 65, 1);
+  margin: 0 0.1rem;
+}
+
+.select-page-numbers{
+  color: #333333;
 }
 
 .small-star{
@@ -218,24 +227,34 @@ ul, li {
 .process-wrap{
   display: flex;
   align-items: center;
-  margin-top: 0.24rem;
+  margin-top: 0.14rem;
+}
+
+.line-out-wrap{
+  width: 5.46rem;
+  height: 0.13rem;
+  margin-left: 0.18rem;
+  background-image: url('../img/anniversaryCelebrate/process-bg.png');
+  background-repeat: repeat-y;
+  background-size: cover;
 }
 
 .line-wrap{
-  width: 3.81rem;
+  width: 0.14rem;
   height: 0.12rem;
-  background: #DFE9F8;
+  background: #5BB4FF;
   border-radius: 0.06rem;
   position: relative;
-  margin-left: 0.18rem;
 }
 
 .line-wrap-one{
+  width: 3.81rem;
   background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%);
 }
 
 .line-wrap-two{
-    background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%, #FFB5F5 99%);
+  width: 3.81rem;
+  background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%, #FFB5F5 99%);
 }
 
 .icon{
@@ -250,7 +269,13 @@ ul, li {
   left: 0.8rem;
 }
 
+.once-text,.ten-text{
+  width: 5.1rem;
+}
+
 .icon2{
+  width: 0.36rem;
+  height: 0.36rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -261,6 +286,25 @@ ul, li {
   width: 1.21rem;
   height: 1.01rem;
   padding: 0.69rem 0.24rem 0 0;
+  position: absolute;
+  top: 0.2rem;
+  right: -0.1rem;
+}
+
+.icon-once{
+  position: absolute;
+  top: 0.24rem;
+  left: 0.86rem;
+  font-size: 0.24rem;
+  color: #E6E6E6;
+}
+
+.icon-five-times{
+  position: absolute;
+  top: 0.24rem;
+  left: 1.86rem;
+  font-size: 0.24rem;
+  color: #E6E6E6;
 }
 
 .no-join-activity{
@@ -407,14 +451,16 @@ ul, li {
   padding-bottom: 0.3rem;
 }
 
-.page-number{
+.page-number,.page-numbers{
   display: flex;
   align-items: center;
   font-size: 0.24rem;
   color: #808080;
+  position: relative;
+  z-index: 99;
 }
 
-.page-number-text{
+.page-number-text,.page-number-texts{
   margin: 0 0.2rem;
 }
 
@@ -432,12 +478,20 @@ ul, li {
 }
 
 .page-row-record-wrap{
+  position: fixed;
+  left: 50%;
+  bottom: 0.1rem;
+  transform: translateX(-50%);
   margin-top: 0.1rem;
 }
 
-.left-head,.right-head{
+.left-head,.right-head,.left-heads,.right-heads{
   width: 0.12rem;
   height: 0.15rem;
+  opacity: 0.2;
+}
+.left-head-show,.right-head-show,.left-head-shows,.right-head-shows{
+  opacity: 1;
 }
 
 .light-content-text{
@@ -511,7 +565,7 @@ ul, li {
   width: 100%;
   height: 100vh;
   position: fixed;
-  z-index: 999;
+  z-index: 9999;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
@@ -567,7 +621,7 @@ ul, li {
 }
 
 .distribution-time-dialog{
-  width: 5.48rem;
+  width: 6.48rem;
   height: 6.56rem;
   background: #FFFFFF;
   border-radius: 0.2rem;
@@ -606,9 +660,8 @@ ul, li {
 }
 
 .one-card{
-  margin-top: 0.6rem;
-  width: 1.66rem;
-  height: 1.18rem;
+  width: 100%;
+  height: 100%;
   animation: mymoves 0.8s;
 }
 
@@ -618,22 +671,44 @@ ul, li {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 0.28rem;
+  bottom: 0.01rem;
+  /* animation: mymoves 0.8s; */
+}
+
+.card-item-wrap{
+  margin-top: 0.7rem;
+  margin-left: 0.12rem;
+  width: 1.55rem;
+  height: 1.13rem;
+  position: relative;
+}
+
+.card-item-wraps {
+  margin-top: 0;
+}
+
+.many-card-item{
+  margin: 0;
+  margin-top: 0.3rem;
 }
 
 .many-card{
-  width: 1.48rem;
-  height: 1.1rem;
+  width: 100%;
+  height: 100%;
   animation: mymoves 0.8s;
 }
 
 .many-card-item:nth-child(4n){
-  margin-left: 1rem;
+  margin-left: 0.6rem;
+}
+
+.many-card-item:nth-child(5n) {
+  margin-left: 0.4rem;
 }
 
 .many-card-item:nth-child(6n) {
   padding-top: 0.35rem;
-  margin-left: 1rem;
+  margin-left: 0.6rem;
 }
 
 .many-card-item:nth-child(7n) {
@@ -642,7 +717,7 @@ ul, li {
 
 .many-one-card{
   padding-top: 0.35rem;
-  margin-left: 1rem;
+  margin-left: 0.4rem;
 }
 
 .many-two-card{
@@ -705,12 +780,15 @@ ul, li {
 
 .one-result{
   display: flex;
+  justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 1.2rem;
 }
 
 .one-card-item{
   width: 5.52rem;
+  display: flex;
+  justify-content: center;
 }
 
 .rule-close,.law-close,.award-result-close,.distribution-close{
@@ -740,7 +818,7 @@ ul, li {
   position: absolute;
   top: -0.8rem;
   left: 1.2rem;
-  animation: mymove 0.8s;
+  animation: mymoves 0.8s;
   display: none;
 }
 
@@ -769,7 +847,7 @@ ul, li {
 }
 
 .distribution-time-title{
-  margin: 0.4rem 0;
+  margin: 0.3rem 0;
   text-align: center;
   font-size: 0.3rem;
   color: #333333;
@@ -788,19 +866,54 @@ ul, li {
   color: #333333;
 }
 
+.distribution-content-name{
+  width: 1.8rem;
+}
+
+.distribution-content-names{
+  width: 1.2rem;
+  text-align: right;
+}
+
 .distribution-content-wrap{
   display: flex;
-  justify-content: space-between;
   margin: 0 0.34rem;
-  margin-top: 0.08rem;
+  margin-top: 0.18rem;
   font-size: 0.26rem;
   color: #333333;
 }
 
 .distribution-time-text{
+  flex: 1;
+  text-align: center;
   color: #B3B3B3;
 }
 
+.share-wrap{
+  position: fixed;
+  top: 6.8rem;
+  right: 0;
+  z-index: 1200;
+}
+
+.share-img{
+  width: 0.7rem;
+  height: 0.8rem;
+}
+
+.distribution-list{
+  height: 4.7rem;
+  overflow-y: scroll;
+}
+
+.two-item{
+  margin-left: 0.4rem;
+}
+
+.card-texts{
+  bottom: 0.01rem;
+}
+
 #toast-container>.toast-error {
   background-image: none !important;
 }

microserviceUserH5/static/css/doubleChristmasActivity.css

@@ -433,7 +433,7 @@ input:focus{
 }
 .reward-row-content{
   width: 6.18rem;
-  height: 1.22rem;
+  height: 1rem;
   display: flex;
   align-items: center;
   padding: 0 0.22rem 0 0.1rem;
@@ -628,9 +628,6 @@ input:focus{
 .schedule-child-line{
   transition:all .6s;
 }
-.slider-item{
-  width: 100%;
-}
 
 .sure-distribution-wrap{
   width: 100vw;

microserviceUserH5/static/css/yunActivity.css

@@ -0,0 +1,355 @@
+@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;
+}
+body {
+    background-color: #fdf2ed;
+}
+
+ul, li {
+  list-style: none;
+}
+
+.containers{
+  width: 7.5rem;
+  margin: auto;
+  background-image: url('../img/yunActivity/background.png'); 
+  background-size: 100% 100%; 
+}
+
+.banner-wrap{
+  width: 7.5rem;
+  height: 8.33rem;
+  position: relative;
+}
+
+.img-title {
+  padding: 0.67rem 0.72rem 0;
+}
+
+.banner-img{
+  width: 100%;
+}
+
+img {
+  border: 0;
+}
+
+.img-middle {
+  margin: 0.27rem 0.25rem 0.43rem;
+}
+
+.time-img{
+  width: 100%;
+}
+
+.img-bottom {
+  margin: 0.5rem 0.97rem 0.53rem 0.61rem;
+}
+
+.game-img {
+  width: 100%;
+}
+
+.receive-code {
+  position: relative;
+  width: 6.9rem;
+  height: 4.36rem;
+  border: 1px solid #FFFFFF;
+  opacity: 0.8;
+  border-radius: 0.2rem;
+  margin: 0 0.3rem;
+  background: #FFFFFF;
+}
+
+.take-phone {
+  color: #333333;
+  text-align: center;
+  margin-top: 0.39rem;
+  font-size: 0.32rem;
+  font-weight: bold;
+  font-family: SourceHanSansCN-Bold;
+}
+
+.send-phone {
+  width: 6.2rem;
+  height: 0.68rem;
+  display: flex;
+  align-items: center;
+  border: 0.02rem solid #E6E6E6;
+  border-radius: 0.1rem;
+  margin: 0.2rem 0.35rem 0;
+}
+
+.ipt-row{
+  position: relative;
+  width: 6.2rem;
+  height: 0.68rem;
+  border: 0.02rem solid #E6E6E6;
+  border-radius: 0.1rem;
+  display: flex;
+  align-items: center;
+  margin: 0.3rem 0.35rem 0;
+}
+
+.img-code {
+  width: 0.3rem;
+  height: 0.36rem;
+  margin: 0 0.22rem 0 0.3rem;
+}
+
+.ipt {
+  border: none;
+  outline: none;
+  border-left: 0.01rem solid rgba(238,238,238,1);
+}
+
+.phone-tip{
+  position: absolute;
+  top: 1.72rem;
+  left: 1.25rem;
+  font-size: 0.24rem;
+  color: #FB5030;
+  display: none;
+}
+
+.code-tip{
+  position: absolute;
+  top: 2.72rem;
+  left: 1.25rem;
+  font-size: 0.24rem;
+  color: #FB5030;
+  text-align: center;
+  display: none;
+}
+
+.donwlond-receive {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.6rem;
+}
+
+.btn-img {
+  width: 4rem;
+  height: 0.8rem;
+  /* background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%); */
+  border-radius: 0.4rem;
+  text-align: center;
+  /* border: none; */
+  /* line-height: 0.8rem;
+  font-size: 0.3rem;
+  color: #FFFFFF; */
+  font-family:  Source Han Sans CN;
+}
+
+.get-code{
+  position: absolute;
+  right: 0.2rem;
+  width: 1.53rem;
+  height: 0.28rem;
+  line-height: 0.28rem;
+  font-size: 0.3rem;
+  color: #333333;
+}
+
+.get-code-active{
+  width: 1.4rem;
+  height: 0.6rem;
+  line-height: 0.6rem;
+  text-align: center;
+  color: #333333;
+  border-radius: 0.1rem;
+  background-color: rgba(238,238,238,1);
+}
+
+.host-dirction {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 0.56rem;
+}
+
+.game-host {
+  font-size: 0.32rem;
+  font-family: Source Han Sans CN;
+  font-weight: bold;
+  color: #333333;
+  padding: 0 0.2rem ;
+}
+
+.video {
+  /* display: flex;
+  justify-content: center; */
+  position: relative;
+  width: 100%;
+  height: 4.06rem;
+  margin-top: 0.3rem;
+  background-size: 100% 100%;
+  background: url('../img/yunActivity/bgc.png');
+}
+
+.host-left {
+  width: 0.85rem;
+  height: 0.06rem;
+}
+
+.host-right {
+  width: 0.85rem;
+  height: 0.06rem;
+}
+
+
+.btn-video {
+  position: absolute;
+  top: 42%;
+  left: 45%;
+  width: 0.88rem;
+  height: 0.87rem;
+}
+
+.direction {
+  padding: 0.54rem 0 0.67rem;
+  text-align: center;
+  font-size: 0.24rem;
+  font-family: SourceHanSansCN-Regular;
+}
+
+.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.8rem;
+  height: 5rem;
+  background: #FFFFFF;
+  border-radius: 0.2rem;
+  position: absolute;
+  background: linear-gradient(0deg, #FFFFFF 1%, #FCF2EF 99%);
+  margin: 0 0.35rem;
+  top: 3.39rem;
+  display: none;
+}
+
+.dialog-title {
+  text-align: center;
+  font-size: 0.4rem;
+  font-family: Source Han Sans CN;
+  font-weight: bold;
+  color: #333333;
+  padding-top: 0.6rem;
+}
+
+.free-try {
+  font-size: 0.3rem;
+  font-family: Source Han Sans CN;
+  font-weight: 400;
+  text-align: center;
+  color: #333333;
+  padding-top: 0.19rem;
+}
+
+.activation-code {
+  width: 5.8rem;
+  height: 0.8rem;
+  background: pink;
+  margin: 0.5rem 0.5rem 0;
+  border: 1px solid #E6E6E6;
+  border-radius: 0.2rem;
+}
+
+.donwlond-code {
+  width: 4rem;
+  height: 0.8rem;
+  /* margin-left: 1.4rem; */
+  margin: 0.39rem 1.4rem 0;
+}
+
+.take-code {
+  font-size: 0.24rem;
+  color: #333333;
+  text-align: center;
+  margin-top: 0.2rem;
+}
+
+.close {
+  position: absolute;
+  width: 0.7rem;
+  height: 0.7rem;
+  bottom: 3.65rem;
+  left: 3.4rem;
+  display: none;
+}
+
+
+.viedo-game {
+  position: absolute;
+  /* top: 50%; */
+  display: none;
+  z-index: 999;
+}
+
+.pop_video_bg {
+  position: fixed;
+  width: 100%;
+  z-index: 2;
+  left: 0;
+  top: 0;
+  height: 100%;
+  display: none;
+  background-color: rgba(0,0,0,.7);
+}
+
+
+#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/vcloud/qqActivity.html

@@ -257,7 +257,7 @@
 		//点击下载APP并复制激活码
 		$('.get-success-block')[0].addEventListener('click', (e) => {
 			operate('QQQB_下载APP并复制激活码');
-      if (isIOS) {
+     		 if (isIOS) {
 				$('.copy-dialog').animate({top: '-6.96rem'},"fast");
 				$('.copy-mask').hide();
 				$('.ios-dialog').animate({top: '5.75rem'},"fast");

microserviceUserH5/vcloud/yunActivity.html

@@ -0,0 +1,396 @@
+<!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/yunActivity.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="img-title">
+					<img class="banner-img" src="../static/img/yunActivity/title.png">
+				</div>
+				<div class="img-middle">
+					<img class="time-img" src="../static/img/yunActivity/time.png">
+				</div>
+				<div class="img-bottom">
+					<img class="game-img" src="../static/img/yunActivity/banner.png">
+				</div>
+			</div>
+			<div class="receive-code">
+				<div class="take-phone">
+					领取云机激活码	
+				</div>	
+				<div class="send-phone">
+					<img class="img-code" src="../static/img/yunActivity/phone.png">
+					<input class="phone-ipt ipt" type="number" placeholder="请输入手机号" />
+				</div>
+				<div class="phone-tip">手机号码不正确，请重新输入！</div>
+				<div class="ipt-row">
+					<img class="img-code" src="../static/img/yunActivity/code.png">
+					<input class="code-ipt ipt" type="number" placeholder="请输入验证码" />
+					<div class="get-code">获取验证码</div>
+				</div>
+				<div class="code-tip">请输入正确的验证码</div>
+				<div class="donwlond-receive">
+					<img class="btn-img" src="../static/img/yunActivity/takedowlond.png">	
+					<!-- <div class="btn-receive">
+						立即领取
+					</div> -->
+				</div>
+			</div>
+			<div class="host-dirction">
+				<img class="host-left" src="../static/img/yunActivity/left.png" />
+				<div class="game-host">游戏托管功能应用详解</div>
+				<img class="host-right" src="../static/img/yunActivity/right.png" />
+			</div>
+			<div class="video">
+				<img class="btn-video" src="../static/img/yunActivity/viedo.png"/>
+			</div>
+			<div class="direction">
+				<p>用绑定手机号打开双子星云手机APP，</p>
+				<p>登录并进入<b>“我的-我的工具-激活码”</b>兑换使用</p>
+			</div>
+			<div class="viedo-game">
+				<video class="viedo-slide" width="100%" height="100%" controls="controls" src="http://110.53.221.195:8210/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18704932809085747255">
+				</video>
+			</div>	
+			<div class="pop_video_bg">
+			</div>
+		    <!-- <div class="copy-mask">
+				<div class="copy-dialog">
+					<div class="dialog-title">
+						恭喜新人专享激活码
+					</div>
+					<div class="free-try">
+						云手机3天套餐免费用
+					</div>		
+					 <div class="activation-code">
+					</div>
+					<div class="copy-code">
+						<img class="donwlond-code" onclick="copyCodeUrl()" src="../static/img/yunActivity/btn.png">	
+					</div>
+					<div class="take-code">进入<b>“我的-我的工具-激活码”</b>兑换使用</div> 
+				</div>
+				<img class="close" src="../static/img/yunActivity/close.png" />
+			</div>  -->
+	</div>
+	<script>
+		toastr.options.positionClass = 'toast-center-center';
+		toastr.options.timeOut = '3000';
+	</script>
+	<script type="text/javascript">
+		// var baseUrl = 'http://14.18.190.141:1280'
+		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终端
+		// 点击立即领取按钮	
+		$('.btn-img')[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 phoneFlag = checkPhone()
+			let dataObj = {
+				phone: phone,
+				code: code
+			}
+			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',
+				url: baseUrl + '/api/user/web/register/general',  // 地址
+				type: 'post',
+				data: JSON.stringify(dataObj),
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					if(res.status == 0){
+						myCode = res.data;
+						if (isIOS) {
+						operate(`周年庆h5落地页打开${isIOS}`);
+						}else if(isAndroid) {
+						operate(`周年庆h5落地页打开${isAndroid}`);	
+						}
+						download();
+						stopManyClick(() =>{
+							toastr.error(res.msg)
+						})
+					}else{
+						stopManyClick(() =>{
+							toastr.error(res.msg)
+						})
+					}
+				}
+			})
+		},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);
+		// 获取验证码接口
+		var flag1 = false  // 标志验证码防止重复点击
+		function getCode() {
+			let phone = $('.phone-ipt').eq(0).val();
+			if (flag1) {
+				return
+			}
+			flag1 = true
+			phone = phone.replace(/\s+/g,"");
+			$.ajax({
+				url: baseUrl + '/api/message/v5/phone/send',
+				type: 'post',
+				data: JSON.stringify({
+					type: 'regist',
+					phone: phone
+				}),
+				contentType: "application/json",
+				dataType: 'json',
+				cache:false,
+				success: function (res) {
+					if(res.status == 0) {
+						stopManyClick(() =>{
+							toastr.error(`验证码已发送`);
+						})
+						flag1 = false
+						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{
+						flag1 = false
+						stopManyClick(() =>{
+							toastr.error(res.msg)
+						})
+					}
+				}
+			})
+		}
+		// 手机号提示校验
+		$('.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;
+			}
+		}
+		$('.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');
+			}
+			if(phone !== '') {
+				$(".btn-dowlond").attr({"style":"background: #E85A4B;"});
+			}else{
+				$(".btn-dowlond").attr({"style":"background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%);"});
+				$('.phone-tip').eq(0).css('display', 'none');	
+			}
+		},false);
+		// 验证码提示校验
+		$('.code-ipt')[0].oninput = checkCode;
+		function checkCode() {
+			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;
+			}
+
+			if(code == '') {
+				$('.code-tip').eq(0).css('display', 'none');	
+			}
+		}
+		$('.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) {
+				window.location.href = window.location.protocol === 'https:' ? 'https://file.phone.androidscloud.com:8121/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18708543811604070422' :
+				'http://110.53.221.195:8210/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18708543811604070422';
+            } else if (isIOS) {
+                document.location.href = 'https://www.pgyer.com/gemini6?timestamp=' + Math.random();
+            } 
+        }
+		// 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 copyUrl() {
+		// 	var code = $('.code-ipt').eq(0).val();
+		// 	var phone = $('.phone-ipt').eq(0).val();
+		// 	if( code && phone != ''){
+		// 	  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) 
+		// 	}	
+		// }
+		// $('.donwlond-receive')[0].addEventListener('click', (e) => {
+		// 	if (isIOS) {
+		// 		operate(`周年庆h5落地页打开${isIOS}`);
+		// 	}else if(isAndroid) {
+		// 		operate(`周年庆h5落地页打开${isAndroid}`);	
+		// 	}
+		// 	copyUrl();
+		// });
+		// 视频打开
+		$('.btn-video')[0].addEventListener('click',(e)=>{
+			$('.viedo-game').show();
+			$('.pop_video_bg').show();
+			$('.viedo-game').animate({bottom: '-1.56rem'},"fast");
+			$('.viedo-slide').trigger("play");
+		},false);
+		// 视频弹窗关闭
+		$('.pop_video_bg')[0].addEventListener('click',()=>{
+			$('.viedo-game').eq(0).css('display', 'none');		
+			$('.viedo-slide').trigger("pause");
+			$('.pop_video_bg').eq(0).css('display', 'none');
+		});
+		// 埋点下载
+		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) {},
+			})
+		}
+		// 埋点页面访问
+		var page = window.location.search.substring(6);
+		$(function() {
+			pushHistory();
+			function pushHistory() {
+				var warids = {
+					"pointName": `周年庆h5落地页打开${page}`  
+				}
+				$.ajax({
+					url: baseUrl + "/api/public/v1/systemBuriedPoint/stat",
+					data: JSON.stringify(warids),
+					type: 'post',
+					dataType: 'json',
+					contentType: "application/json;charset=UTF-8",
+					cache: false,
+					success: function(data) {}
+				})
+			}
+		});
+		function stopManyClick(fn) {
+			if (flag) {
+				fn();
+			}
+			flag = false;
+			if (timer) { clearTimeout(timer); }
+			timer = setTimeout(() => { flag = true }, 1500);
+		}
+	</script>
+</body>
+
+</html>

screenAndroid/css/WXtrialInterface.css

@@ -567,4 +567,89 @@ ul, li {
 	font-size: 18px;
 	color: #3B7FFF;
 	border-left: 1px solid rgba(238,238,238,1);
+}
+
+.try-use-wrap,
+.buy-phone-wrap,
+.look-wrap {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	background: rgba(0, 0, 0, 0.5);
+	display: none;
+}
+
+.try-use-container {
+	width: 80%;
+	height: 409px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background-color: #FFFFFF;
+	border-radius: 0.66em;
+}
+
+.time-close-wrap {
+	width: 5.46em;
+	height: 2em;
+	line-height: 2em;
+	text-align: center;
+	position: absolute;
+	top: 0.24em;
+	right: 0.3em;
+	background: rgba(0, 0, 0, 0.49);
+	border-radius: 1.26em;
+	font-size: 12px;
+	color: #FFFFFF;
+}
+
+.bug-wrap {
+	width: 90%;
+	height: 115px;
+	background: #FFFFFF;
+	border-radius: 10px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.bug-title {
+	text-align: center;
+	margin: 25px 0;
+	font-size: 18px;
+	font-weight: 600;
+	color: #333333;
+}
+
+.btn-list {
+	width: 100%;
+	height: 44px;
+	line-height: 44px;
+	border-top: 1px solid rgba(238, 238, 238, 1);
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	display: flex;
+	align-items: center;
+}
+
+.btn {
+	flex: 1;
+	text-align: center;
+}
+
+.cannel-btn {
+	font-size: 18px;
+	color: #666666;
+}
+
+.go-bug {
+	font-size: 18px;
+	color: #3B7FFF;
+	border-left: 1px solid rgba(238, 238, 238, 1);
 }

screenIos/WXtrialInterface.html

@@ -43,92 +43,6 @@
       rel="stylesheet"
       href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css"
     />
-    <style>
-      .try-use-wrap,
-      .buy-phone-wrap,
-      .look-wrap {
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        top: 0;
-        left: 0;
-        z-index: 9999;
-        background: rgba(0, 0, 0, 0.5);
-        display: none;
-      }
-
-      .try-use-container {
-        width: 80%;
-        height: 409px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        background-color: #ffffff;
-        border-radius: 0.66em;
-      }
-
-      .time-close-wrap {
-        width: 5.46em;
-        height: 2em;
-        line-height: 2em;
-        text-align: center;
-        position: absolute;
-        top: 0.24em;
-        right: 0.3em;
-        background: rgba(0, 0, 0, 0.49);
-        border-radius: 1.26em;
-        font-size: 12px;
-        color: #ffffff;
-      }
-
-      .bug-wrap {
-        width: 90%;
-        height: 115px;
-        background: #ffffff;
-        border-radius: 10px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-
-      .bug-title {
-        text-align: center;
-        margin: 25px 0;
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-      }
-
-      .btn-list {
-        width: 100%;
-        height: 44px;
-        line-height: 44px;
-        border-top: 1px solid rgba(238, 238, 238, 1);
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        display: flex;
-        align-items: center;
-      }
-
-      .btn {
-        flex: 1;
-        text-align: center;
-      }
-
-      .cannel-btn {
-        font-size: 18px;
-        color: #666666;
-      }
-
-      .go-bug {
-        font-size: 18px;
-        color: #3b7fff;
-        border-left: 1px solid rgba(238, 238, 238, 1);
-      }
-    </style>
   </head>
 
   <body class="scroll h-player" style="overscroll-behavior: contain">
@@ -138,6 +52,7 @@
           <img src="../static/img/xuanfu_icon.png" />
         </div>
       </div>
+            url: `/packageA/order/renew/index?buyType=${sourceType == 1 ? '试用弹窗购买按钮进入-普通试用' : '试用弹窗购买按钮进入-激活码试用'}&record=` + form.userCardId,
       <div id="wine">
         <div id="box">
           <canvas id="playCanvas" width="450" height="800"></canvas>
@@ -205,7 +120,6 @@
           width="100%"
           height="100%"
           id="source"
-          muted
           autoplay="autoplay"
           loop="loop"
           webkit-playsinline="true"
@@ -389,7 +303,6 @@
       var winese = document.createElement('wine');
       wine.style.top = '-' + winese + 'px';
       var isAudioPlay = false;
-      // adInit();
       initAD();
       $.alert({
         title: '提示',
@@ -976,9 +889,9 @@
         });
       }
       //广告信息
-      let adData = null; // 广告数据
-      let adLastTime = 0; // 广告时间
-      let intervalTime = 0; // 间隔时间
+      var adData = null; // 广告数据
+      var adLastTime = 0; // 广告时间
+      var intervalTime = 0; // 间隔时间
       // let adType = 0;
       console.log(
         '🚀 ~ file: WXtrialInterface.html ~ line 973 ~ sourceType',
@@ -1000,7 +913,7 @@
           contentType: 'application/json;charset=UTF-8',
         }).then(function (res) {
           if (res.status === 0) {
-            const list = res.data.filter(
+            var list = res.data.filter(
               (v) => v.adType === 1 && !!v.adVideoBase.videoUrl,
             );
             adData = list[Math.floor(Math.random() * list.length)];
@@ -1016,7 +929,7 @@
       }
       // 播放广告
       function playAD() {
-        const nowTime = Date.now();
+        var nowTime = Date.now();
         if (
           adData &&
           // [1, 2].includes(sourceType) &&
@@ -1083,7 +996,7 @@
             case 2: {
               return getConfigByPhoneType().then(function (res) {
                 if (res.isDisconnectionTime === 1) {
-                  let time = res.disconnectionTime * 60 * 1000;
+                  var time = res.disconnectionTime * 60 * 1000;
                   setTimeout(() => {
                     disconnectionFlag = true;
                     $('.buy-phone-wrap').eq(0).show();
@@ -1159,6 +1072,7 @@
             report(1);
           }
           $('.try-use-wrap').eq(0).hide();
+          $('#source')[0].pause();
           return;
         }
         $('.look-wrap').eq(0).show();
@@ -1181,7 +1095,7 @@
         if (getDate) {
           if (window.__wxjs_environment === 'miniprogram') {
             wx.miniProgram.navigateTo({
-              url: '/packageA/order/buy/index',
+              url: '/packageA/order/buy/index?buyType=试用界面购买'
             });
           } else {
             uni.webView.navigateTo({
@@ -1191,7 +1105,7 @@
         } else {
           if (window.__wxjs_environment === 'miniprogram') {
             wx.miniProgram.navigateTo({
-              url: '/packageA/order/renew/index?record=' + form.userCardId,
+              url: `/packageA/order/renew/index?buyType=${sourceType == 1 ? '试用弹窗购买按钮进入-普通试用' : '试用弹窗购买按钮进入-激活码试用'}&record=` + form.userCardId
             });
           } else {
             uni.webView.navigateTo({

screenIos/css/WXtrialInterface.css

@@ -500,4 +500,89 @@ input,textarea {
 }
 .bottommains img {
 	pointer-events: none;
+}
+
+.try-use-wrap,
+.buy-phone-wrap,
+.look-wrap {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	background: rgba(0, 0, 0, 0.5);
+	display: none;
+}
+
+.try-use-container {
+	width: 80%;
+	height: 409px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background-color: #FFFFFF;
+	border-radius: 0.66em;
+}
+
+.time-close-wrap {
+	width: 5.46em;
+	height: 2em;
+	line-height: 2em;
+	text-align: center;
+	position: absolute;
+	top: 0.24em;
+	right: 0.3em;
+	background: rgba(0, 0, 0, 0.49);
+	border-radius: 1.26em;
+	font-size: 12px;
+	color: #FFFFFF;
+}
+
+.bug-wrap {
+	width: 90%;
+	height: 115px;
+	background: #FFFFFF;
+	border-radius: 10px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.bug-title {
+	text-align: center;
+	margin: 25px 0;
+	font-size: 18px;
+	font-weight: 600;
+	color: #333333;
+}
+
+.btn-list {
+	width: 100%;
+	height: 44px;
+	line-height: 44px;
+	border-top: 1px solid rgba(238, 238, 238, 1);
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	display: flex;
+	align-items: center;
+}
+
+.btn {
+	flex: 1;
+	text-align: center;
+}
+
+.cannel-btn {
+	font-size: 18px;
+	color: #666666;
+}
+
+.go-bug {
+	font-size: 18px;
+	color: #3B7FFF;
+	border-left: 1px solid rgba(238, 238, 238, 1);
 }