heyang 4 年之前
父节点
当前提交
f52ce9f34d

+ 24 - 2
microserviceUserH5/static/css/qqActivity.css

@@ -29,6 +29,28 @@ ul, li {
   position: relative;
 }
 
+.title-wrap{
+  position: absolute;
+  top: 0.3rem;
+  left: 0.2rem;
+  display: flex;
+  align-items: center;
+  display: none;
+}
+
+.title-img{
+  width: 0.2rem;
+  height: 0.35rem;
+}
+
+.title-text{
+  width: 7.2rem;
+  text-align: center;
+  font-size: 0.36rem;
+  font-weight: 600;
+  color: #FFFFFF;
+}
+
 .banner-img{
   width: 100%;
   height: 100%;
@@ -178,11 +200,11 @@ ul, li {
 }
 
 .get-code-active{
-  width: 1rem;
+  width: 1.4rem;
   height: 0.6rem;
   line-height: 0.6rem;
   text-align: center;
-  color: #333333;
+  color: #489DFF;
   border-radius: 0.1rem;
   background-color: rgba(238,238,238,1);
 }

二进制
microserviceUserH5/static/img/qqActivity/back.png


+ 10 - 3
microserviceUserH5/vcloud/qqActivity.html

@@ -18,6 +18,10 @@
 <body>
 	<div class="containers">
 		<div class="banner-wrap">
+			<div class="title-wrap">
+				<img class="title-img" src="../static/img/qqActivity/back.png">
+				<div class="title-text">双子星云手机</div>
+			</div>
 			<img class="banner-img" src="../static/img/qqActivity/banner.png">
 			<div class="rule-wrap">
 				<img class="rule-img" src="../static/img/qqActivity/rule.png">
@@ -32,7 +36,7 @@
 				<div class="phone-tip">*请输入正确的手机号码</div>
 				<div class="ipt-row">
 					<img class="img" src="../static/img/qqActivity/code.png">
-					<input class="code-ipt ipt" placeholder="请输入验证码" />
+					<input class="code-ipt ipt" type="number" placeholder="请输入验证码" />
 					<div class="get-code">获取验证码</div>
 				</div>
 				<div class="code-tip">*请输入正确的验证码</div>
@@ -149,8 +153,10 @@
 			if(isStart){
 				return
 			}
+			let phone = $('.phone-ipt').eq(0).val();
+			phone = phone.replace(/\s+/g,"");
 			let phoneFlag = checkPhone();
-			if(!phoneFlag){
+			if(!phoneFlag || phone.length < 11){
 				$('.phone-tip').eq(0).css('display', 'block');
 				return false
 			}
@@ -205,7 +211,7 @@
 				code: code
 			}
 			let phoneFlag = checkPhone();
-			if(!phoneFlag){
+			if(!phoneFlag || phone.length < 11){
 				$('.phone-tip').eq(0).css('display', 'block');
 				return false
 			}
@@ -238,6 +244,7 @@
 				}
 			})
 		},false);
+		//点击下载APP并复制激活码
 		$('.get-success-block')[0].addEventListener('click', (e) => {
 			operate('QQQB_下载APP并复制激活码');
             copyUrl();