Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
noseCloud
/
Starboth-Cloud-H5
Obserwuj 2
Polub 0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

提交云激活码页面

hutao 3 lat temu
rodzic
b85c05eac2
commit
aa74b1088f
7 zmienionych plików z 221 dodań i 0 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 133 0
      microserviceUserH5/static/css/yunActivity.css
  2. BIN
      microserviceUserH5/static/img/yunActivity/background.png
  3. BIN
      microserviceUserH5/static/img/yunActivity/banner.png
  4. BIN
      microserviceUserH5/static/img/yunActivity/takedowlond.png
  5. BIN
      microserviceUserH5/static/img/yunActivity/time.png
  6. BIN
      microserviceUserH5/static/img/yunActivity/title.png
  7. 88 0
      microserviceUserH5/vcloud/yunActivity.html

+ 133 - 0
microserviceUserH5/static/css/yunActivity.css
Wyświetl plik 

@@ -0,0 +1,133 @@
 
+@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/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%;
 
+  /* height: 100%; */
 
+}
 
+
 
+img {
 
+  border: 0;
 
+}
 
+
 
+.img-middle {
 
+  margin: 0.27rem 0.25rem 0.43rem;
 
+}
 
+
 
+.time-img{
 
+  width: 100%;
 
+  /* height: 100%; */
 
+}
 
+
 
+.img-bottom {
 
+  margin: 0.5rem 0.97rem 0 0.61rem;
 
+}
 
+
 
+.game-img {
 
+  width: 100%;
 
+}
 
+
 
+.receive-code {
 
+  position: relative;
 
+  width: 6.9rem;
 
+  height: 3.31rem;
 
+  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;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.donwlond-receive {
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-top: 0.4rem;
 
+}
 
+
 
+.btn-img {
 
+  width: 4rem;
 
+  height: 0.8rem;
 
+}
 
+
 
+.direction {
 
+  padding: 0.54rem 0 0.67rem;
 
+  text-align: center;
 
+  font-size: 0.24rem;
 
+  font-family: SourceHanSansCN-Regular;
 
+}
 
+

BIN
microserviceUserH5/static/img/yunActivity/background.png
Wyświetl plik


BIN
microserviceUserH5/static/img/yunActivity/banner.png
Wyświetl plik


BIN
microserviceUserH5/static/img/yunActivity/takedowlond.png
Wyświetl plik


BIN
microserviceUserH5/static/img/yunActivity/time.png
Wyświetl plik


BIN
microserviceUserH5/static/img/yunActivity/title.png
Wyświetl plik


+ 88 - 0
microserviceUserH5/vcloud/yunActivity.html
Wyświetl plik 

@@ -0,0 +1,88 @@
 
+<!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/qqActivity/phone.png">
 
+					<input class="phone-ipt ipt" type="number" placeholder="请输入手机号" />
 
+				</div>
 
+				<div class="phone-tip">手机号码不正确，请重新输入！</div>
 
+				<div class="donwlond-receive">
 
+					<img class="btn-img" src="../static/img/yunActivity/takedowlond.png">	
+				</div>
 
+			</div>
 
+			<div class="direction">
 
+				<p>用绑定手机号打开双子星云手机APP，</p>
 
+				<p>登录并进入<b>“我的-我的工具-激活码”</b>兑换使用</p>
 
+			</div>
 
+	</div>
 
+	<script>
 
+		toastr.options.positionClass = 'toast-center-center';
 
+		toastr.options.timeOut = '1500';
 
+	</script>
 
+	<script type="text/javascript">
 
+		$('.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 == '') {
 
+				$('.phone-tip').eq(0).css('display', 'none');	
+			}
 
+		},false);
 
+	</script>
 
+</body>
 
+
 
+</html>