|
@@ -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>
|