优化

microserviceUserH5/static/css/changePhoneActivity.css

@@ -23,19 +23,26 @@ ul, li {
   width: 7.5rem;
   height: 13.34rem;
   margin: 0 auto;
-  position: relative;
+  position: relative; 
 }
 .bg_img{
   width: 100%;
   height: 100%;
 }
-.share{
-  width: 0.36rem;
+.share-node{
+  width: 2.36rem;
   height: 1.58rem;
   position: absolute;
   top: 0.84rem;
   right: 0;
 }
+.share{ 
+  width: 0.36rem;
+  height: 1.58rem;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
 .logo{
   width: 2.36rem;
   height: 0.73rem;
@@ -85,7 +92,7 @@ ul, li {
   top: 1.14rem;
   left: 0.63rem;
   background-color: #FFFFFF;
-  border-radius: 5px;
+  border-radius: 0.05rem;
 }
 .options{
   width: 2.92rem;
@@ -93,43 +100,43 @@ ul, li {
   position: absolute;
   top: 1.68rem;
   left: 1.73rem;
+  z-index: 9999;
   display: none;
+  background-color: #FFFFFF;
+  border: 0.01rem solid #f5f5f5;
+  border-radius: 0.1rem;
+  padding: 0 0.18rem;
+  box-shadow: 0 0.1rem 0.02rem #FFFFFF;
 }
 .show{
   display: block;
 }
-.first{
-  width: 2.92rem;
-  height: 0.57rem;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 99;
-}
-.second{
-  width: 2.92rem;
-  height: 0.57rem;
-  position: absolute;
-  top: 0.66rem;
-  left: 0;
-  z-index: 99;
-}
 .first-text{
+  width: 3.3rem;
   font-size: 14px;
-  color: #FFFFFF;
   position: absolute;
   top: 0.1rem;
-  left: 0.84rem;
+  left: 0;
+  text-align: center;
+  padding: 0.1rem 0;
   z-index: 999;
 }
+.first-text:hover{
+  background-color: #f5f5f5;
+}
 .second-text{
+  width: 3.3rem;
   font-size: 14px;
-  color: #FFFFFF;
   position: absolute;
-  top: 0.81rem;
-  left: 0.84rem;
+  top: 0.68rem;
+  left: 0;
+  padding: 0.1rem 0;
+  text-align: center;
   z-index: 999;
 }
+.second-text:hover{
+  background-color: #f5f5f5;
+}
 .login-row-account{
   width: 5.04rem;
   height: 0.72rem;
@@ -343,8 +350,8 @@ ul, li {
 }
 
 .dialog {
-  width: 100%;
-  height: 100%;
+  width: 4.96rem;
+  height: 5.08rem;
   position: absolute;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -430,4 +437,8 @@ ul, li {
 }
 .show{
   display: block;
+}
+
+input{
+  -webkit-box-shadow: 0 0 0 1000px white inset;
 }

microserviceUserH5/vcloud/invite.html

@@ -17,7 +17,7 @@
 	<div class="container">
 		<div class="header">
 			<img class="bg_img" src="../static/img/changePhoneActivity/bg.png" />
-			<img class="share" src="../static/img/changePhoneActivity/share.png" />
+			<div class="share-node"><img class="share" src="../static/img/changePhoneActivity/share.png" /></div>
 			<img class="logo" src="../static/img/changePhoneActivity/logo.png" />
 			<img class="theme" src="../static/img/changePhoneActivity/theme.png" />
 			<img class="activity-bg" src="../static/img/changePhoneActivity/activity-bg.png" />
@@ -31,11 +31,9 @@
 			   </div>
 			   <div class="options">
 				   <div class="icon-down-first">
-					   <img class="first" src="../static/img/changePhoneActivity/icon-down-first.png" />
 					   <span class="first-text">多多云</span>
 				   </div>
 				   <div class="icon-down-second">
-					<img class="second" src="../static/img/changePhoneActivity/icon-down-second.png" />
 					<span class="second-text">红手指</span>
 				</div>
 			   </div>
@@ -65,9 +63,6 @@
 				<img class="activity-rule-btn" src="../static/img/changePhoneActivity/activity-rule-btn.png" />
 				<img class="activity-rule-text" src="../static/img/changePhoneActivity/activity-rule-text.png" />
 			</div>
-			<!-- <img class="rule1" src="../static/img/changePhoneActivity/rule1.png" />
-			<img class="rule2" src="../static/img/changePhoneActivity/rule2.png" />
-			<img class="rule3" src="../static/img/changePhoneActivity/rule3.png" /> -->
 		</div>
 		<div class="footer">
 			<img class="footer_bg_img" src="../static/img/changePhoneActivity/footer_bg_img.png" />
@@ -150,8 +145,23 @@
 		}
         loadAsync();
 		//点击分享
-		$('.share')[0].addEventListener('click',()=>{
-			if (isiOS) {
+		$('.share-node')[0].addEventListener('click',()=>{
+			if(!id){
+				stopManyClick(() => {
+					//加载数据
+					var href = window.location.href;
+					var copyBefore = JSON.stringify(href);
+					var copyUrl = copyBefore.split('"');
+					console.log(copyUrl[1])
+					$('#inviteCopy').val(copyUrl[1]);
+					var input = document.getElementById("inviteCopy");
+					// 选中文本
+					input.select();
+					// 执行浏览器复制命令
+					document.execCommand("copy");
+					toastr.error('复制成功当前网址成功！')
+				})
+			} else if (isiOS) {
 				$.ajax({
 					url: baseUrl + '/api/user/v1/promote',
 					type: 'get',
@@ -180,32 +190,6 @@
 				})
 			} else if (isAndroid) {
 				window.native.onClikWebView()
-			} else {
-				$.ajax({
-					url: baseUrl + '/api/user/v1/promote',
-					type: 'get',
-					headers: {
-						'Authorization': id  //id
-					},
-					contentType: "application/json",
-					dataType: 'json',
-					cache: false,
-					success: function (res) {
-						stopManyClick(() => {
-							//加载数据
-							var copyBefore = JSON.stringify(res.data.url);
-							var copyUrl = copyBefore.split('"');
-							console.log(copyUrl[1])
-							$('#inviteCopy').val(copyUrl[1]);
-							var input = document.getElementById("inviteCopy");
-							// 选中文本
-							input.select();
-							// 执行浏览器复制命令
-							document.execCommand("copy");
-							toastr.error('复制成功当前网址成功！')
-						})
-					}
-				})
 			}
 		},false);
 		//点击选择框
@@ -262,7 +246,7 @@
 			password = $('#password').val();
 			if(fromType === 0){
 			    $('#tip-text').text('请选择兑换时长的平台');
-				$('.tip').animate({top: '5.27rem'},"fast");
+				$('.tip').animate({top: '7.27rem'},"fast");
 				$('.mask').show();
 			    $('.dialog').hide();
 				document.documentElement.style.overflow='hidden';
@@ -270,7 +254,7 @@
 			}
 			if(account === ''){
 				$('#tip-text').text('请输入兑换时长的账号');
-				$('.tip').animate({top: '5.27rem'},"fast");
+				$('.tip').animate({top: '7.27rem'},"fast");
 				$('.mask').show();
 			    $('.dialog').hide();
 				document.documentElement.style.overflow='hidden';
@@ -278,7 +262,7 @@
 			}
 			if(password === ''){
 				$('#tip-text').text('请输入兑换时长的密码');
-				$('.tip').animate({top: '5.27rem'},"fast");
+				$('.tip').animate({top: '7.27rem'},"fast");
 				$('.mask').show();
 			    $('.dialog').hide();
 				document.documentElement.style.overflow='hidden';
@@ -286,7 +270,7 @@
 			}
 			if(!isShow){
 				$('#tip-text').text('请勾选阅读规则按钮');
-				$('.tip').animate({top: '5.27rem'},"fast");
+				$('.tip').animate({top: '7.27rem'},"fast");
 				$('.mask').show();
 				document.documentElement.style.overflow='hidden';
 				return
@@ -322,7 +306,7 @@
 						document.documentElement.style.overflow='hidden';
 					}else{
 						$('#tip-text').text(res.msg);
-						$('.tip').animate({top: '5.27rem'},"fast");
+						$('.tip').animate({top: '7.27rem'},"fast");
 						$('.mask').show();
 						$('.dialog').hide();
 						document.documentElement.style.overflow='hidden';