Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
tangdehang
/
android-cloud-H5
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

0元试用代码提交

hutao 2 gadi atpakaļ
vecāks
2408fdefc0
revīzija
431fa69793
6 mainītis faili ar 227 papildinājumiem un 0 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 97 0
      static/microserviceUserH5/static/css/trialActivities.css
  2. BIN
      static/microserviceUserH5/static/img/yunActivity/bgc0.png
  3. BIN
      static/microserviceUserH5/static/img/yunActivity/btn-1.png
  4. BIN
      static/microserviceUserH5/static/img/yunActivity/btn-2.png
  5. BIN
      static/microserviceUserH5/static/img/yunActivity/header.png
  6. 130 0
      static/microserviceUserH5/vcloud/trialActivities.html

+ 97 - 0
static/microserviceUserH5/static/css/trialActivities.css
Parādīt failu 

@@ -0,0 +1,97 @@
 
+@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;
 
+    background-image: url('../img/yunActivity/bgc0.png'); 
+    background-size: 100% 100%; 
+}
 
+
 
+.banner-wrap{
 
+    width: 7.5rem;
 
+    height: 25.67rem;
 
+    position: relative;
 
+}
 
+
 
+.banner-img {
 
+    position: fixed;
 
+    width: 7.5rem;
 
+    height: 1.28rem;
 
+    top: 0;
 
+    z-index: 1;
 
+}
 
+
 
+.downlond-img {
 
+    position: fixed;
 
+    top: 0.3rem;
 
+    right: 0.3rem;
 
+    width: 2.2rem;
 
+    height: 0.7rem;
 
+    z-index: 1;
 
+}
 
+
 
+.downlond-midimg {
 
+    position: absolute;
 
+    top: 10.8rem;
 
+    left: 50%;
 
+    margin-left: -2.15rem;
 
+    width: 4.3rem;
 
+    height: 1.12rem;
 
+}
 
+
 
+
 
+#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;
 
+    }
 
+  }

BIN
static/microserviceUserH5/static/img/yunActivity/bgc0.png
Parādīt failu


BIN
static/microserviceUserH5/static/img/yunActivity/btn-1.png
Parādīt failu


BIN
static/microserviceUserH5/static/img/yunActivity/btn-2.png
Parādīt failu


BIN
static/microserviceUserH5/static/img/yunActivity/header.png
Parādīt failu


+ 130 - 0
static/microserviceUserH5/vcloud/trialActivities.html
Parādīt failu 

@@ -0,0 +1,130 @@
 
+<!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/trialActivities.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/header.png">
 
+				</div>
 
+                <div class="img-downlond">
 
+                    <img class="downlond-img" src="../static/img/yunActivity/btn-1.png">
 
+                </div>
 
+                <div class="midimg-downlond">
 
+                    <img class="downlond-midimg" src="../static/img/yunActivity/btn-2.png">  
+                </div>
 
+			</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;
 
+		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终端
 
+        $('.downlond-img')[0].addEventListener('click',()=>{
 
+                if(isAndroid){
 
+		 	     const pointName = '0元试用h5落地页安卓点击' + id
 
+		         operate(pointName,'click');
 
+				 download()
 
+		        }else if(isIOS){
 
+		        	const pointName = '0元试用h5落地页IOS点击' + id
 
+		        	operate(pointName);
 
+				 download()
 
+		        }
 
+                 // download()
 
+        },false)   
+        
+        $('.downlond-midimg')[0].addEventListener('click',()=>{
 
+                if(isAndroid){
 
+		 	     const pointName = '0元试用h5落地页安卓点击' + id
 
+		         operate(pointName,'click');
 
+				download()
 
+		        }else if(isIOS){
 
+		        	const pointName = '0元试用h5落地页IOS点击' + id
 
+		        	operate(pointName);
 
+				download()
 
+		        }
 
+                // download()
 
+        },false)   
+		function download() {
 
+            if (isAndroid) {
 
+				window.location.href = window.location.protocol === 'https:' ? `https://file.phone.androidscloud.com:8121/document/newFile/download/1/edv834e74a9c43eaac02/LowLevelMultipartUpload_19066905949412147255/shuangzixing.apk` : 
+				`http://110.53.221.195:8210/document/newFile/download/1/edv834e74a9c43eaac02/LowLevelMultipartUpload_19066905949412147255/shuangzixing.apk`;
 
+				stopManyClick(() =>{
 
+					toastr.error('下载成功')
 
+				})
 
+            } else if (isIOS) {
 
+                document.location.href = 'https://www.pgyer.com/gemini6?timestamp=' + Math.random();
 
+                // toastr.error('下载成功')
 
+            } 
+        }
 
+		// 埋点下载
 
+		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 newpage = window.location.search.substring(6);
 
+		$(function() {
 
+			pushHistory();
 
+			function pushHistory() {
 
+				var warids = {
 
+					"pointName": `0元试用h5落地页打开${id}`  
+				}
 
+				$.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>