提交落地页代码

microserviceUserH5/static/css/yunActivity.css

@@ -142,16 +142,16 @@ img {
   margin-top: 0.6rem;
 }
 
-.btn-receive {
+.btn-img {
   width: 4rem;
   height: 0.8rem;
-  background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%);
+  /* background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%); */
   border-radius: 0.4rem;
   text-align: center;
-  border: none;
-  line-height: 0.8rem;
+  /* border: none; */
+  /* line-height: 0.8rem;
   font-size: 0.3rem;
-  color: #FFFFFF;
+  color: #FFFFFF; */
   font-family:  Source Han Sans CN;
 }
 
@@ -170,6 +170,42 @@ img {
   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;
+}
+
+.host-left {
+  width: 0.85rem;
+  height: 0.06rem;
+}
+
+.host-right {
+  width: 0.85rem;
+  height: 0.06rem;
+}
+
+
+.btn-video {
+  width: 0.88rem;
+  height: 0.87rem;
+}
+
 .direction {
   padding: 0.54rem 0 0.67rem;
   text-align: center;
@@ -247,4 +283,23 @@ img {
   bottom: 3.65rem;
   left: 3.4rem;
   display: none;
+}
+
+
+.viedo-game {
+  position: absolute;
+  bottom: -30%;
+  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);
 }

microserviceUserH5/vcloud/yunActivity.html

@@ -44,17 +44,31 @@
 				</div>
 				<div class="code-tip">请输入正确的验证码</div>
 				<div class="donwlond-receive">
-					<!-- <img class="btn-img" src="../static/img/yunActivity/takedowlond.png">	 -->
-					<div class="btn-receive">
+					<img class="btn-img" onclick="copyUrl()" src="../static/img/yunActivity/takedowlond.png">	
+					<!-- <div class="btn-receive">
 						立即领取
-					</div>
+					</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="copy-mask">
+			<div class="viedo-game">
+				<video width="100%" height="100%" controls="controls" autoplay="atuoplay" src="http://110.53.221.195:8210/document/newFile/download/0/13d0arghebcc4cm49cf04?fileKey=LowLevelMultipartUpload_18668997912014028844">
+				</video>
+			</div>	
+			<div class="pop_video_bg">
+			</div>
+		    <!-- <div class="copy-mask">
 				<div class="copy-dialog">
 					<div class="dialog-title">
 						恭喜新人专享激活码
@@ -62,22 +76,22 @@
 					<div class="free-try">
 						云手机3天套餐免费用
 					</div>		
-					<!-- <div class="activation-code">
-					</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 class="take-code">进入<b>“我的-我的工具-激活码”</b>兑换使用</div> 
 				</div>
 				<img class="close" src="../static/img/yunActivity/close.png" />
-			</div>
+			</div>  -->
 	</div>
 	<script>
 		toastr.options.positionClass = 'toast-center-center';
 		toastr.options.timeOut = '1500';
 	</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;
@@ -91,7 +105,7 @@
 			isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 		// 点击立即领取按钮	
-		$('.btn-receive')[0].addEventListener('click',() => {
+		$('.donwlond-receive')[0].addEventListener('click',() => {
 			let phone = $('.phone-ipt').eq(0).val();
 			phone = phone.replace(/\s+/g,"");
 			let code = $('.code-ipt').eq(0).val();
@@ -116,7 +130,7 @@
 			}
 			$.ajax({
 				// url: baseUrl + '/api/user/web/register/qqWallet',
-				url: baseUrl + '/api/user/web/register/qqWallet',  // 地址
+				url: baseUrl + '/api/user/web/register/general',  // 地址
 				type: 'post',
 				data: JSON.stringify(dataObj),
 				contentType: "application/json",
@@ -124,6 +138,7 @@
 				cache: false,
 				success: function (res) {
 					if(res.status == 0){
+						debugger
 						myCode = res.data;
 						// $('.copy-dialog').animate({top: '1.8rem'},"fast");
 						$('.copy-dialog').show()
@@ -137,11 +152,6 @@
 				}
 			})
 		},false) 
-		// 点击关闭按钮
-		$('.close')[0].addEventListener('click',() =>{
-			$('.copy-mask').hide();
-		});
-		// 点击获取验证码
 		$('.get-code')[0].addEventListener('click',() => {
 			if(isStart){
 				return
@@ -160,7 +170,7 @@
 			let phone = $('.phone-ipt').eq(0).val();
 			phone = phone.replace(/\s+/g,"");
 			$.ajax({
-				url: baseUrl + '/api/user/v1/phone/v_code/send',
+				url: baseUrl + '/api/message/v5/phone/send',
 				type: 'post',
 				data: JSON.stringify({
 					type: 'regist',
@@ -261,52 +271,108 @@
 		},false);
 		function download() {
             if (isAndroid) {
-                if (baseUrl == 'https://prese.phone.androidscloud.com') {
-                    window.location.href = 'http://prese.phone.androidscloud.com:8888'
-                } else {
-                    window.location.href = 'http://www.androidscloud.com?timestamp=' + Math.random();
-                }
+                // if (baseUrl == 'https://prese.phone.androidscloud.com') {
+                //     window.location.href = 'http://prese.phone.androidscloud.com:8888'
+                // } else {
+                //     window.location.href = 'http://www.androidscloud.com?timestamp=' + Math.random();
+                // }
+				document.location.href = 'https://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();
-            }
+            } 
         }
+		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 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(`复制成功`);
-                // $('.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 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) 
+			}	
 		}
-		$('.copy-code')[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();
-			// }
+		$('.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();
+			console.log('11111111');
+		},false);
+		// 视频弹窗关闭
+		$('.pop_video_bg')[0].addEventListener('click',()=>{
+			$('.viedo-game').eq(0).css('display', 'none');
+			$('.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) {},
+			})
+		}
+		// 埋点页面访问
+		$(function() {
+			pushHistory();
+			var page = window.location.search.substring(6);
+			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) {}
+				})
+			}
+		});
 	</script>
 </body>