优化

microserviceUserH5/static/css/changePhoneActivity.css

@@ -89,10 +89,13 @@ ul, li {
   width: 5.04rem;
   height: 0.72rem;
   position: absolute;
-  top: 1.14rem;
+  top: 1.24rem;
   left: 0.63rem;
   background-color: #FFFFFF;
   border-radius: 0.05rem;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 .options{
   width: 2.92rem;
@@ -141,38 +144,40 @@ ul, li {
   width: 5.04rem;
   height: 0.72rem;
   position: absolute;
-  top: 2.1rem;
+  top: 2.2rem;
   left: 0.63rem;
   background-color: #FFFFFF;
   border-radius: 5px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 .login-row-password{
   width: 5.04rem;
   height: 0.72rem;
   position: absolute;
-  top: 3.06rem;
+  top: 3.16rem;
   left: 0.63rem;
   background-color: #FFFFFF;
   border-radius: 5px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 .login-row-title{
-  position: absolute;
-  top: 0.14rem;
-  left: 0.14rem;
-  font-size: 16px;
+  font-size: 0.28rem;
+  margin-left: 0.16rem;
 }
 .login-row-plc{
   position: absolute;
   top: 0.1rem;
   left: 1.14rem;
-  font-size: 16px;
+  font-size: 0.28rem;
 }
 .login-row-ipt{
   border: none;
   outline: none;
-  position: absolute;
-  top: 0.2rem;
-  left: 1.2rem;
+  margin-top: 0.06rem;
 }
 .icon-down-img{
   width: 0.32rem;
@@ -201,11 +206,11 @@ ul, li {
   left: 2.02rem;
 }
 .selected{
-  width: 0.2rem;
-  height: 0.2rem;
+  width: 0.14rem;
+  height: 0.14rem;
   position: absolute;
-  top: 0.82rem;
-  left: 0.12rem;
+  top: 0.84rem;
+  left: 0.15rem;
 }
 .no-selected{
   width: 0.2rem;
@@ -213,7 +218,6 @@ ul, li {
   position: absolute;
   top: 0.82rem;
   left: 0.12rem;
-  display: none;
 }
 .rule-text{
   width: 3.11rem;

microserviceUserH5/vcloud/invite.html

@@ -83,7 +83,7 @@
 			    <img class="sure-text" src="../static/img/changePhoneActivity/sure-text.png" />
 			</div>
 		</div>
-	    <input type="text" style="opacity: 0;z-index: -10;position: fixed;" id="inviteCopy" value="">
+	    <input type="text" style="opacity: 0;z-index: -10;position: fixed;" id="inviteCopy" disabled="true" value="">
 	</div>
 	<script>
 		toastr.options.positionClass = 'toast-center-center';
@@ -147,20 +147,7 @@
 		//点击分享
 		$('.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('复制成功当前网址成功！')
-				})
+				copyUrl();
 			} else if (isiOS) {
 				$.ajax({
 					url: baseUrl + '/api/user/v1/promote',
@@ -189,9 +176,30 @@
 					}
 				})
 			} else if (isAndroid) {
-				window.native.onClikWebView()
+				if(window.native){
+					window.native.onClikWebView()
+				}else{
+					copyUrl();
+				}
 			}
 		},false);
+		//复制
+		function copyUrl(){
+			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('复制成功当前网址成功！')
+			})
+		}
 		//点击选择框
 		$('.login-row-select')[0].addEventListener('click',()=>{
 			$('.options')[0].className = 'options show';
@@ -212,9 +220,7 @@
 		$('.read-rule')[0].addEventListener('click',()=>{
 			if(isShow){
 				$('.selected')[0].className = 'selected hidden';
-				$('.no-selected')[0].className = 'no-selected show';
 			}else{
-				$('.no-selected')[0].className = 'no-selected hidden';
 				$('.selected')[0].className = 'selected show';
 			}
 			isShow = !isShow;
@@ -236,6 +242,7 @@
 			document.documentElement.style.overflow='auto';
 			$('#select').val('');
 			$('#account').val('');
+			$('#password').val('');
 			window.location.href = 'http://www.androidscloud.com';
 		}
 		//点击免费换机按钮
@@ -246,31 +253,31 @@
 			password = $('#password').val();
 			if(fromType === 0){
 			    $('#tip-text').text('请选择兑换时长的平台');
-				$('.tip').animate({top: '7.27rem'},"fast");
+				$('.tip').animate({top: '48vh'},"fast");
 				$('.mask').show();
-			    $('.dialog').hide();
+			    $('.dialog').animate({top: '-6.96rem'},"fast");
 				document.documentElement.style.overflow='hidden';
 				return
 			}
 			if(account === ''){
 				$('#tip-text').text('请输入兑换时长的账号');
-				$('.tip').animate({top: '7.27rem'},"fast");
+				$('.tip').animate({top: '48vh'},"fast");
 				$('.mask').show();
-			    $('.dialog').hide();
+			    $('.dialog').animate({top: '-6.96rem'},"fast");
 				document.documentElement.style.overflow='hidden';
 				return
 			}
 			if(password === ''){
 				$('#tip-text').text('请输入兑换时长的密码');
-				$('.tip').animate({top: '7.27rem'},"fast");
+				$('.tip').animate({top: '48vh'},"fast");
 				$('.mask').show();
-			    $('.dialog').hide();
+			    $('.dialog').animate({top: '-6.96rem'},"fast");
 				document.documentElement.style.overflow='hidden';
 				return
 			}
 			if(!isShow){
 				$('#tip-text').text('请勾选阅读规则按钮');
-				$('.tip').animate({top: '7.27rem'},"fast");
+				$('.tip').animate({top: '48vh'},"fast");
 				$('.mask').show();
 				document.documentElement.style.overflow='hidden';
 				return
@@ -302,13 +309,13 @@
 					if(res.status === 0){
 						$('.dialog').animate({top: '4.2rem'},"fast");
 						$('.mask').show();
-						$('.tip').hide();
+						$('.tip').animate({top: '-6.96rem'},"fast");
 						document.documentElement.style.overflow='hidden';
 					}else{
 						$('#tip-text').text(res.msg);
-						$('.tip').animate({top: '7.27rem'},"fast");
+						$('.tip').animate({top: '48vh'},"fast");
 						$('.mask').show();
-						$('.dialog').hide();
+						$('.dialog').animate({top: '-6.96rem'},"fast");
 						document.documentElement.style.overflow='hidden';
 					}
 				}