huangxiaojing 3 jaren geleden
bovenliggende
commit
1c365e4dd7

+ 3 - 3
microserviceUserH5/static/css/changePhoneActivity.css

@@ -361,7 +361,7 @@ ul, li {
   }
 }
 
-.mask {
+.mask1 {
   width: 100%;
   height: 100vh;
   position: fixed;
@@ -372,7 +372,7 @@ ul, li {
   display: none;
 }
 
-.dialog {
+.dialog1 {
   width: 4.96rem;
   height: 5.08rem;
   position: absolute;
@@ -382,7 +382,7 @@ ul, li {
   z-index: 999;
 }
 
-.dialog-bg{
+.dialog1-bg{
   width: 4.96rem;
   height: 5.08rem;
 }

+ 69 - 22
microserviceUserH5/static/css/replacementActivities.css

@@ -420,7 +420,7 @@ input:-moz-placeholder {
   }
 }
 
-.mask {
+.mask1 {
   width: 100%;
   height: 100vh;
   position: fixed;
@@ -431,19 +431,28 @@ input:-moz-placeholder {
   display: none;
 }
 
-.dialog {
-  width: 4.96rem;
-  height: 5.08rem;
+.dialog1 {
+  width: 6.42rem;
+  height: 5.76rem;
   position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  left: 0.7rem;
+  transform: translate(0, -50%);
   top: -6.96rem;
   z-index: 999;
+  position: relative;
 }
+.dialog1 .title1, .tip .title1, .tip1 .title1 {
+  font-size: 0.36rem;
+  font-weight: bold;
+  color: #FFFFFF;
+  position: absolute;
+  top: 2.32rem;
+  left: 1.57rem;
 
+}
 .dialog-bg{
-  width: 4.96rem;
-  height: 5.08rem;
+  width: 6.42rem;
+  height: 5.76rem;
 }
 
 .title{
@@ -462,30 +471,68 @@ input:-moz-placeholder {
 }
 
 .register-btn{
-  width: 2.29rem;
-  height: 0.64rem;
+  width: 3.06rem;
+  height: 0.96rem;
   position: absolute;
-  bottom: 0.88rem;
-  left: 1.35rem;
+  bottom: 1.53rem;
+  left: 1.53rem;
 }
 .register-text{
-  width: 1.44rem;
-  height: 0.39rem;
   position: absolute;
-  bottom: 1.01rem;
-  left: 1.78rem;
+  bottom: 1.2rem;
+  left: 1rem;
+  font-size: 0.24rem;
+  font-weight: 300;
+  color: #333333;
+  opacity: 0.8;
+}
+.dialog1 .close {
+  width: 0.71rem;
+  height: 0.71rem;
+  position: absolute;
+  bottom: -0.26rem;
+  left: 2.7rem;
 }
-
 .tip {
-  width: 4.88rem;
-  height: 2.8rem;
+  width: 6.43rem;
+  height: 5.32rem;
   position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  left: 0.69rem;
+  transform: translate(0, -50%);
   top: -6.96rem;
   z-index: 999;
 }
-
+.tip1 {
+  width: 6.43rem;
+  height: 5.72rem;
+  position: absolute;
+  left: 0.69rem;
+  transform: translate(0, -50%);
+  top: -6.96rem;
+  z-index: 999;
+}
+.dialog2-bg {
+  width: 6.43rem;
+  height: 5.32rem;
+}
+.dialog3-bg {
+  width: 6.43rem;
+  height: 5.72rem;
+}
+.tip .close {
+  width: 0.71rem;
+  height: 0.71rem;
+  position: absolute;
+  bottom: -0.71rem;
+  left: 2.7rem;
+}
+.tip1 .close {
+  width: 0.71rem;
+  height: 0.71rem;
+  position: absolute;
+  bottom: 0.2rem;
+  left: 2.71rem;
+}
 .tip-bg{
   width: 4.88rem;
   height: 2.8rem;

BIN
microserviceUserH5/static/img/replacementActivities/close.png


BIN
microserviceUserH5/static/img/replacementActivities/dialog.png


BIN
microserviceUserH5/static/img/replacementActivities/dialog2.png


BIN
microserviceUserH5/static/img/replacementActivities/dialog3.png


BIN
microserviceUserH5/static/img/replacementActivities/register-btn.png


+ 73 - 36
microserviceUserH5/vcloud/invite.html

@@ -6,15 +6,27 @@
 	<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/css/verify.css">
 	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
 	<link rel="stylesheet" href="../static/css/changePhoneActivity.css">
+	<script>
+		(function () {
+			if (!window.Promise) {
+				document.writeln('<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.min.js"><' + '/' + 'script>');
+			}
+		})();
+	</script>
 	<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>
+	<script src="../static/js/vender/verify.js"></script>
 </head>
 
 <body>
-	<div class="container">
+	<div>
 		<div class="header">
 			<img class="bg_img" src="../static/img/changePhoneActivity/bg.png" />
 			<div class="share-node"><img class="share" src="../static/img/changePhoneActivity/share.png" /></div>
@@ -46,8 +58,11 @@
 					<div class="login-row-title">密码:</div>
 					<input class="login-row-ipt" type="password" id="password" placeholder="请输入密码" />
 				</div>
-				<img class="login-btn" src="../static/img/changePhoneActivity/login-btn.png" />
-				<img class="login-btn-text" src="../static/img/changePhoneActivity/login-btn-text.png" />
+				<div id="login-btn">
+					<img class="login-btn" src="../static/img/changePhoneActivity/login-btn.png" />
+					<img class="login-btn-text" src="../static/img/changePhoneActivity/login-btn-text.png" />
+				</div>
+				<div id="mpanel2"></div>
 			</div>
 			<div class="read-rule">
 				<img class="selected" src="../static/img/changePhoneActivity/selected.png" />
@@ -70,9 +85,9 @@
 			<img class="rule4" src="../static/img/changePhoneActivity/rule4.png" />
 			<img class="rule5" src="../static/img/changePhoneActivity/rule5.png" />
 		</div>
-		<div class="mask">
-			<div class="dialog">
-			    <img class="dialog-bg" src="../static/img/changePhoneActivity/dialog.png" />
+		<div class="mask1">
+			<div class="dialog1">
+			    <img class="dialog1-bg" src="../static/img/changePhoneActivity/dialog1.png" />
 			    <img class="title" src="../static/img/changePhoneActivity/title.png" />
 			    <img class="content" src="../static/img/changePhoneActivity/content.png" />
 			    <img class="register-btn" src="../static/img/changePhoneActivity/register-btn.png" />
@@ -127,7 +142,7 @@
 			imgs = [[1,'../static/img/changePhoneActivity/rule1.png'],[6,'../static/img/changePhoneActivity/rule6.png'],[2,'../static/img/changePhoneActivity/rule2.png'],[3,'../static/img/changePhoneActivity/rule3.png']];
 		//埋点
 		operate('dt_yhs_活动页面浏览');
-		function operate(pointName,type){
+		function operate(pointName,type,captchaVerification){
 			$.ajax({
 				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 				type: 'post',
@@ -139,7 +154,7 @@
 				cache: false,
 				success: function (res) {
 					if(type === 'click'){
-						changePhone();
+						changePhone(captchaVerification);
 					}
 				},
 			})
@@ -263,26 +278,39 @@
 		$('.sure-text')[0].addEventListener('click',handleClose,false);
 		function handleClose() {
 			$('.tip').animate({top: '-6.96rem'},"fast");
-			$('.mask').hide();
+			$('.mask1').hide();
 			document.documentElement.style.overflow='auto';
 		}
 		//点击立即注册
 		$('.register-text')[0].addEventListener('click',registerHandle,false);
 	    $('.register-btn')[0].addEventListener('click',registerHandle,false);
 		function registerHandle(){
-			$('.dialog').animate({top: '-6.96rem'},"fast");
-			$('.mask').hide();
+			$('.dialog1').animate({top: '-6.96rem'},"fast");
+			$('.mask1').hide();
 			document.documentElement.style.overflow='auto';
 			$('#select').val('');
 			$('#account').val('');
 			$('#password').val('');
 			window.location.href = 'https://www.androidscloud.com';
 		}
-		//点击免费换机按钮
-		$('.login-btn-text')[0].addEventListener('click',changePhoneHandle,false);
-	    $('.login-btn')[0].addEventListener('click',changePhoneHandle,false);
-		function changePhoneHandle(){
-			stopManyClick(() => {
+
+		var html = document.documentElement;
+		var imgWidth = html.getBoundingClientRect().width / 750 * 400 + 'px';
+		var imgHeight = html.getBoundingClientRect().width / 750 * 200 + 'px';
+		var barHeight = html.getBoundingClientRect().width / 750 * 70 + 'px';
+		$('#mpanel2').slideVerify({
+			baseUrl: baseUrl + '/api/user',  //服务器请求地址, 默认地址为安吉服务器;
+			mode: 'pop',     //展示模式
+			containerId: 'login-btn', //pop模式 必填 被点击之后出现行为验证码的元素id
+			imgSize: { //图片的大小对象,有默认值{ width: '310px',height: '155px'},可省略
+				width: imgWidth,
+				height: imgHeight
+			},
+			barSize: {//下方滑块的大小对象,有默认值{ width: '310px',height: '50px'},可省略
+				width: imgWidth,
+				height: barHeight
+			},
+			beforeCheck: function () {
 				account = $('#account').val();
 				account = account.replace(/\s+/g,"");
 				password = $('#password').val();
@@ -291,46 +319,55 @@
 					$('#tip-text').text('请输入账号');
 			        $('#account').val('');
 					$('.tip').animate({top: '48vh'},"fast");
-					$('.mask').show();
-					$('.dialog').animate({top: '-6.96rem'},"fast");
+					$('.mask1').show();
+					$('.dialog1').animate({top: '-6.96rem'},"fast");
 					document.documentElement.style.overflow='hidden';
 					toastr.error('请输入账号');
-					return
+					return false
 				}
 				if(/[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g.test(account)){
 					$('#tip-text').text('账号不支持表情,请重新输入');
 					$('.tip').animate({top: '48vh'},"fast");
-					$('.mask').show();
-					$('.dialog').animate({top: '-6.96rem'},"fast");
+					$('.mask1').show();
+					$('.dialog1').animate({top: '-6.96rem'},"fast");
 					document.documentElement.style.overflow='hidden';
-					return
+					return false
 				} 
 				if(password === ''){
 					$('#tip-text').text('请输入密码');
 			        $('#password').val('');
 					$('.tip').animate({top: '48vh'},"fast");
-					$('.mask').show();
-					$('.dialog').animate({top: '-6.96rem'},"fast");
+					$('.mask1').show();
+					$('.dialog1').animate({top: '-6.96rem'},"fast");
 					document.documentElement.style.overflow='hidden';
-					return
+					return false
 				}
 				if(!isShow){
 					$('#tip-text').text('请勾选阅读规则按钮');
 					$('.tip').animate({top: '48vh'},"fast");
-					$('.mask').show();
+					$('.mask1').show();
 					document.documentElement.style.overflow='hidden';
-					return
+					return false
+				} else {
+					return true
 				}
-				operate('dt_yhs_点击免费换机按钮','click');
-			})
-		}
+			},
+			ready: function () {},  //加载完毕的回调
+			success: function (params) { //成功的回调
+				operate('dt_yhs_点击免费换机按钮', 'click', params.captchaVerification);
+			},
+			error: function () {
+				console.log('error');
+			}        //失败的回调
+		});
 		//调用免费换机接口
-		function changePhone(){
+		function changePhone(captchaVerification){
 			let data = {
 				inviteTime: entryPageTime,
 				type: fromType,
 				account: account,
-				password: password
+				password: password,
+				captchaVerification: captchaVerification
 			}
 			if(!id){
 				delete data.inviteTime
@@ -347,15 +384,15 @@
 				cache: false,
 				success: function (res) {
 					if(res.status === 0){
-						$('.dialog').animate({top: '46vh'},"fast");
-						$('.mask').show();
+						$('.dialog1').animate({top: '46vh'},"fast");
+						$('.mask1').show();
 						$('.tip').animate({top: '-6.96rem'},"fast");
 						document.documentElement.style.overflow='hidden';
 					}else{
 						$('#tip-text').text(res.msg);
 						$('.tip').animate({top: '48vh'},"fast");
-						$('.mask').show();
-						$('.dialog').animate({top: '-6.96rem'},"fast");
+						$('.mask1').show();
+						$('.dialog1').animate({top: '-6.96rem'},"fast");
 						document.documentElement.style.overflow='hidden';
 					}
 				}

+ 159 - 66
microserviceUserH5/vcloud/replacementActivities.html

@@ -6,8 +6,17 @@
 	<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/toastr/toastr.min.css">
+	<link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
 	<link rel="stylesheet" href="../static/css/replacementActivities.css">
+	<link rel="stylesheet" href="../static/css/verify.css">
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
+	<script>
+		(function () {
+			if (!window.Promise) {
+				document.writeln('<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.min.js"><' + '/' + 'script>');
+			}
+		})();
+	</script>
 	<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>
@@ -16,12 +25,12 @@
 	<script src="../static/js/vender/verify.js"></script>
 </head>
 
-<body> 
+<body>
 	<div class="container">
 		<div class="share-node">
-			<img class="qq" src="../static/img/replacementActivities/qq.png" alt="">
+			<img class="qq" onclick="urlToQQ" src="../static/img/replacementActivities/qq.png" alt="">
 			<div class="line"></div>
-			<img class="cs" src="../static/img/replacementActivities/cs.png" alt="">
+			<a href="mqqwpa://im/chat?chat_type=wpa&uin=800183764&version=1&src_type=web&web_src=oicqzone.com"><img class="cs" src="../static/img/replacementActivities/cs.png" alt=""></a>
 		</div>
 		<div class="date">2022.1.4-2022.2.8</div>
 		<div class="header">
@@ -33,7 +42,7 @@
 						<div class="login-row-title">选择</div>
 						<input class="login-row-ipt" id="select" placeholder="请选择平台" disabled="true" />
 						<img class="icon-down-img" src="../static/img/replacementActivities/arrow.png" />
-					</div> 
+					</div>
 					<div class="options">
 						<div class="icon-down-second">红手指</div>
 						<div class="icon-down-first">多多云</div>
@@ -49,7 +58,7 @@
 						<input class="login-row-ipt" type="password" id="password" placeholder="请输入密码" />
 					</div>
 					<div class="tip-text2"></div>
-					<div class="form-btn"></div>
+					<div class="form-btn" id="form-btn"></div>
 					<div id="mpanel2"></div>
 				</div>
 			</div>
@@ -63,6 +72,26 @@
 		<div class="mt50">
 			<img class="w666h864" src="../static/img/replacementActivities/mattersNeedAttention.png" alt="">
 		</div>
+		<div class="mask1">
+			<div class="dialog1">
+				<img class="dialog-bg" src="../static/img/replacementActivities/dialog.png" />
+				<div class="title1">已经注册过双子星</div>
+				<img class="register-btn" src="../static/img/replacementActivities/register-btn.png" />
+				<div class="register-text">您已是注册用户,可分享活动邀请有奖</div>
+				<img class="close" onclick="registerHandle()" src="../static/img/replacementActivities/close.png" alt="">
+			</div>
+			<div class="tip">
+				<img class="dialog2-bg" src="../static/img/replacementActivities/dialog2.png" />
+				<div class="title1" style="left: 1.77rem;">已提交兑换申请</div>
+				<div class="register-text">审核通过者,将在3个工作日内收到短<br />信通知并发放奖励,请留意短信消息。</div>
+				<img class="close" onclick="handleClose('tip')" src="../static/img/replacementActivities/close.png" alt="">
+			</div>
+			<div class="tip1">
+				<img class="dialog3-bg" src="../static/img/replacementActivities/dialog3.png" />
+				<div class="title1" style="left: 1.75rem;text-align: center;">该账号已经申请<br />请等待审核</div>
+				<img class="close" onclick="handleClose('tip1')" src="../static/img/replacementActivities/close.png" alt="">
+			</div>
+		</div>
 	</div>
 	<script>
 		toastr.options.positionClass = 'toast-center-center';
@@ -86,7 +115,6 @@
 			return fmt;
 		}
 		let timer, flag = true;
-		let isShow = true;
 		let entryPageTime = new Date().Format("yyyy-MM-dd hh:mm:ss");
 		let fromType = 0,
 			account = '',
@@ -101,11 +129,10 @@
 			u = navigator.userAgent,
 			ua = navigator.userAgent.toLowerCase(),
 			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
-			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
-			imgs = [[1, '../static/img/changePhoneActivity/rule1.png'], [6, '../static/img/changePhoneActivity/rule6.png'], [2, '../static/img/changePhoneActivity/rule2.png'], [3, '../static/img/changePhoneActivity/rule3.png']];
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 		//埋点
-		// operate('dt_yhs_活动页面浏览');
-		function operate(pointName, type) {
+		operate('dt_yhs_活动页面浏览');
+		function operate(pointName, type, captchaVerification) {
 			$.ajax({
 				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 				type: 'post',
@@ -117,31 +144,23 @@
 				cache: false,
 				success: function (res) {
 					if (type === 'click') {
-						changePhone();
+						changePhone(captchaVerification);
 					}
 				},
 			})
 		}
-		//异步加载图片
-		async function loadAsync() {
-			let promise = function (index, url) {
-				return new Promise((resolve, reject) => {
-					const image = new Image();
-					image.src = url;
-					image.className = 'rule' + index;
-					image.onload = function () {
-						$('.middle')[0].appendChild(image);
-						resolve('ok');
-					}
-				})
+		// 跳转至QQ群
+		function urlToQQ() {
+			if (isAndroid) {
+				window.location.href = 'https://jq.qq.com/?_wv=1027&k=dU5VFcNx'
 			}
-			for (let [index, url] of imgs) {
-				await promise(index, url);
+			if (isIOS) {
+				window.location.href = 'https://jq.qq.com/?_wv=1027&k=dU5VFcNx'
 			}
+
 		}
-		// loadAsync();
 		//点击分享
-		$('.share-node')[0].addEventListener('click', () => {
+		$('.register-btn')[0].addEventListener('click', () => {
 			if (!id) {
 				copyUrl();
 			} else if (isiOS) {
@@ -229,40 +248,42 @@
 			fromType = 1;
 		}, false);
 		//点击红手指
-		$('.icon-down-second')[0].addEventListener('click', () => {
-			$('.options')[0].className = 'options';
-			$('#select').val('红手指');
-			fromType = 2;
-		}, false);
+		$('.icon-down-second')[0].addEventListener('click', handleClick, false);
 		//点击爱云兔
 		$('.icon-down-third')[0].addEventListener('click', () => {
 			$('.options')[0].className = 'options';
 			$('#select').val('爱云兔');
 			fromType = 3;
 		}, false);
-		//点击提示弹窗确定
-		// $('.sure-btn')[0].addEventListener('click', handleClose, false);
-		function handleClose() {
-			$('.tip').animate({ top: '-6.96rem' }, "fast");
-			$('.mask').hide();
+		//点击弹窗关闭按钮
+		function handleClose(str) {
+			$('.' + str).animate({ top: '-6.96rem' }, "fast");
+			$('.mask1').hide();
 			document.documentElement.style.overflow = 'auto';
 		}
-		//点击立即注册
-		// $('.register-text')[0].addEventListener('click', registerHandle, false);
-		// $('.register-btn')[0].addEventListener('click', registerHandle, false);
+		//点击关闭
 		function registerHandle() {
-			$('.dialog').animate({ top: '-6.96rem' }, "fast");
-			$('.mask').hide();
+			$('.dialog1').animate({ top: '-6.96rem' }, "fast");
+			$('.mask1').hide();
 			document.documentElement.style.overflow = 'auto';
-			$('#select').val('');
-			$('#account').val('');
-			$('#password').val('');
-			window.location.href = 'https://www.androidscloud.com';
 		}
-		//点击免费换机按钮
-		$('.form-btn')[0].addEventListener('click', changePhoneHandle, false);
-		function changePhoneHandle() {
-			stopManyClick(() => {
+		var html = document.documentElement;
+		var imgWidth = html.getBoundingClientRect().width / 750 * 400 + 'px';
+		var imgHeight = html.getBoundingClientRect().width / 750 * 200 + 'px';
+		var barHeight = html.getBoundingClientRect().width / 750 * 70 + 'px';
+		$('#mpanel2').slideVerify({
+			baseUrl: baseUrl + '/api/user',  //服务器请求地址, 默认地址为安吉服务器;
+			mode: 'pop',     //展示模式
+			containerId: 'form-btn', //pop模式 必填 被点击之后出现行为验证码的元素id
+			imgSize: { //图片的大小对象,有默认值{ width: '310px',height: '155px'},可省略
+				width: imgWidth,
+				height: imgHeight
+			},
+			barSize: {//下方滑块的大小对象,有默认值{ width: '310px',height: '50px'},可省略
+				width: imgWidth,
+				height: barHeight
+			},
+			beforeCheck: function () {
 				account = $('#account').val();
 				account = account.replace(/\s+/g, "");
 				password = $('#password').val();
@@ -270,7 +291,7 @@
 				if (!account) {
 					$('.tip-text1').text('账号格式不正确,请重新输入!');
 					$('#account').addClass('br');
-					return
+					return false
 				} else {
 					$('.tip-text1').text('');
 					$('#account').removeClass('br')
@@ -278,7 +299,7 @@
 				if (!/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(account)) {
 					$('.tip-text1').text('账号格式不正确,请重新输入!');
 					$('#account').addClass('br');
-					return
+					return false
 				} else {
 					$('.tip-text1').text('');
 					$('#account').removeClass('br')
@@ -286,21 +307,29 @@
 				if (!password) {
 					$('.tip-text2').text('密码为空,请重新输入!');
 					$('#password').addClass('br');
-					return
+					return false
 				} else {
 					$('.tip-text2').text('');
-					$('#password').removeClass('br')
+					$('#password').removeClass('br');
+					return true
 				}
-				operate('dt_yhs_点击免费换机按钮', 'click');
-			})
-		}
+			},
+			ready: function () {},  //加载完毕的回调
+			success: function (params) { //成功的回调
+				operate('dt_yhs_点击免费换机按钮', 'click', params.captchaVerification);
+			},
+			error: function () {
+				console.log('error');
+			}        //失败的回调
+		});
 		//调用免费换机接口
-		function changePhone() {
+		function changePhone(captchaVerification) {
 			let data = {
 				inviteTime: entryPageTime,
 				type: fromType,
 				account: account,
-				password: password
+				password: password,
+				captchaVerification: captchaVerification
 			}
 			if (!id) {
 				delete data.inviteTime
@@ -317,15 +346,22 @@
 				cache: false,
 				success: function (res) {
 					if (res.status === 0) {
-						$('.dialog').animate({ top: '46vh' }, "fast");
-						$('.mask').show();
+						$('.tip1').animate({ top: '46vh' }, "fast");
+						$('.mask1').show();
+						$('.dialog1').animate({ top: '-6.96rem' }, "fast");
 						$('.tip').animate({ top: '-6.96rem' }, "fast");
 						document.documentElement.style.overflow = 'hidden';
-					} else {
-						$('#tip-text').text(res.msg);
+					} else if (res.status === 1) {
 						$('.tip').animate({ top: '48vh' }, "fast");
-						$('.mask').show();
-						$('.dialog').animate({ top: '-6.96rem' }, "fast");
+						$('.mask1').show();
+						$('.dialog1').animate({ top: '-6.96rem' }, "fast");
+						$('.tip1').animate({ top: '-6.96rem' }, "fast");
+						document.documentElement.style.overflow = 'hidden';
+					} else if (res.status === 2) {
+						$('.dialog1').animate({ top: '48vh' }, "fast");
+						$('.mask1').show();
+						$('.tip').animate({ top: '-6.96rem' }, "fast");
+						$('.tip1').animate({ top: '-6.96rem' }, "fast");
 						document.documentElement.style.overflow = 'hidden';
 					}
 				}
@@ -346,5 +382,62 @@
 		}
 	</script>
 </body>
+<style>
+	#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;
+	}
+
+	@media (max-width: 480px) and (min-width: 241px) {
+		#toast-container>div {
+			min-width: 80px !important;
+			width: auto;
+		}
+	}
+
+	@media only screen and (min-width: 640px) {
+		.toast-center-center {
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
+
+	@media only screen and (max-width: 640px) {
+		.toast-center-center {
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
+
+	input::-webkit-input-placeholder {
+		color: #BBBBBB;
+	}
+
+	input::-moz-placeholder {
+		/* Mozilla Firefox 19+ */
+		color: #BBBBBB;
+	}
+
+	input:-moz-placeholder {
+		/* Mozilla Firefox 4 to 18 */
+		color: #BBBBBB;
+	}
 
+	input:-ms-input-placeholder {
+		/* Internet Explorer 10-11 */
+		color: #BBBBBB;
+	}
+</style>
 </html>