heyang лет назад: 3
Родитель
Сommit
23d10e6368

+ 108 - 0
microserviceUserH5/static/css/maJiaBaoGoApp.css

@@ -0,0 +1,108 @@
+@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;
+}
+
+.code-container {
+  position: relative;
+  width: 7.5rem;
+  height: 100vh;
+  margin: 0 auto;
+  background: url(../img/maJiaBaoGoAppBag.png);
+  background-repeat: repeat-y;
+  background-size: cover;
+}
+
+.top-Text{
+  position: absolute;
+  top: 0.53rem;
+  left: 0.89rem;
+}
+
+.img-container{
+  width: 5.72rem;
+  height: 5.17rem;
+}
+
+.btn-content{
+  position: absolute;
+  bottom: 0.62rem;
+  left: 1.25rem;
+}
+
+.download-app{
+  width: 4.8rem;
+  height: 0.89rem;
+  display: block;
+  position: relative;
+}
+.download-text{
+  width: 3.43rem;
+  height: 0.42rem;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translate(-50%, -50%);
+  position: absolute;
+}
+
+.try-play{
+  margin-top: 0.14rem;
+}
+
+.success-img{
+  width: 3rem;
+  height: 3rem;
+}
+
+.success-text{
+  margin-top: 0.2rem;
+  color: #FFFFFF;
+  font-size: 0.28rem;
+}
+
+#toast-container>.toast-error {
+  background-image: none !important;
+}
+
+.toast-error {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+#toast-container>div {
+  font-size: 14px;
+  min-width: 80px !important;
+  padding: 12px !important;
+  box-shadow: none;
+}
+
+.toast-center-center {
+  min-width: 100px;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translateX(-50%);
+}
+
+@media (max-width: 480px) and (min-width: 241px) {
+  #toast-container>div {
+    min-width: 80px !important;
+    width: auto;
+  }
+}

BIN
microserviceUserH5/static/img/downLoadApp.png


BIN
microserviceUserH5/static/img/downLoadText.png


BIN
microserviceUserH5/static/img/maJiaBaoGoAppBag.png


BIN
microserviceUserH5/static/img/maJiaBaoGoAppText.png


+ 100 - 0
microserviceUserH5/vcloud/maJiaBaoGoApp.html

@@ -0,0 +1,100 @@
+<!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>下载APP</title>
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
+	<link rel="stylesheet" href="../static/css/maJiaBaoGoApp.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>
+</head>
+
+<body>
+	<div class="code-container">
+		<div class="top-Text">
+			<img class="img-container" src="../static/img/maJiaBaoGoAppText.png" />
+		</div>
+		<div class="btn-content">
+			<img class="download-app" src="../static/img/downLoadApp.png" />
+			<img class="download-text" src="../static/img/downLoadText.png" />
+		</div>
+	</div>
+	<script>
+		toastr.options.positionClass = 'toast-center-center';
+		toastr.options.timeOut = '1500';
+	</script>
+	<script type="text/javascript">
+        // var baseUrl = 'http://14.215.128.96/'
+	    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,
+			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
+		//埋点
+		(function (){
+			$.ajax({
+				url: baseUrl + '/api/public/v1/game/user/operate',
+				type: 'post',
+				headers: {
+					'Authorization': 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyYW5kb20iOiIwNDM1MyIsImNsaWVudCI6IjIiLCJleHAiOjE2MzEwNjc1NDksInVzZXJuYW1lIjoiQ3Fvd3QxNjAzMjYyMjU4In0.kaqR4ObPdr336zkr26xdrdmOlPgI9xych2qJ2pSd1lI'  //id
+				},
+				data:JSON.stringify({
+					accessType: 4,
+					entrance: 3,
+					url: window.location.href
+				}),
+				contentType:"application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					console.log(res)
+				},
+			})
+		})();
+	    $('.btn-content')[0].addEventListener('click',getAppDownload,false);
+		//点击下载APP
+		function getAppDownload(){
+			$.ajax({
+				url: baseUrl + '/api/user/v1/ditchClient/addChannelAppDownload',
+				type: 'post',
+				data:JSON.stringify({
+					code:"Q4796f4k26ST",
+					platform:"1",
+					version:""
+				}),
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					if(res.status === 0){
+
+					}else{
+						stopManyClick(() =>{
+							toastr.error(res.msg)
+						})
+					}
+				},
+			})
+		}
+		//防止提示一秒内重复显示
+		function stopManyClick(fn) {
+			if (flag) {
+				fn();
+			}
+			flag = false;
+			if(timer){clearTimeout(timer);}
+			timer = setTimeout(() => {flag = true}, 1500);
+		}
+	</script>
+</body>
+
+</html>