|
|
@@ -33,24 +33,167 @@
|
|
|
领取云机激活码
|
|
|
</div>
|
|
|
<div class="send-phone">
|
|
|
- <img class="img-code" src="../static/img/qqActivity/phone.png">
|
|
|
+ <img class="img-code" src="../static/img/yunActivity/phone.png">
|
|
|
<input class="phone-ipt ipt" type="number" placeholder="请输入手机号" />
|
|
|
</div>
|
|
|
<div class="phone-tip">手机号码不正确，请重新输入！</div>
|
|
|
+ <div class="ipt-row">
|
|
|
+ <img class="img-code" src="../static/img/yunActivity/code.png">
|
|
|
+ <input class="code-ipt ipt" type="number" placeholder="请输入验证码" />
|
|
|
+ <div class="get-code">获取验证码</div>
|
|
|
+ </div>
|
|
|
+ <div class="code-tip">请输入正确的验证码</div>
|
|
|
<div class="donwlond-receive">
|
|
|
- <img class="btn-img" src="../static/img/yunActivity/takedowlond.png">
|
|
|
+ <!-- <img class="btn-img" src="../static/img/yunActivity/takedowlond.png"> -->
|
|
|
+ <div class="btn-receive">
|
|
|
+ 立即领取
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="direction">
|
|
|
<p>用绑定手机号打开双子星云手机APP，</p>
|
|
|
<p>登录并进入<b>“我的-我的工具-激活码”</b>兑换使用</p>
|
|
|
</div>
|
|
|
+ <div class="copy-mask">
|
|
|
+ <div class="copy-dialog">
|
|
|
+ <div class="dialog-title">
|
|
|
+ 恭喜新人专享激活码
|
|
|
+ </div>
|
|
|
+ <div class="free-try">
|
|
|
+ 云手机3天套餐免费用
|
|
|
+ </div>
|
|
|
+ <!-- <div class="activation-code">
|
|
|
+ </div> -->
|
|
|
+ <div class="copy-code">
|
|
|
+ <img class="donwlond-code" onclick="copyCodeUrl()" src="../static/img/yunActivity/btn.png">
|
|
|
+ </div>
|
|
|
+ <div class="take-code">进入<b>“我的-我的工具-激活码”</b>兑换使用</div>
|
|
|
+ </div>
|
|
|
+ <img class="close" src="../static/img/yunActivity/close.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<script>
|
|
|
toastr.options.positionClass = 'toast-center-center';
|
|
|
toastr.options.timeOut = '1500';
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
+
|
|
|
+ let timer, flag = true;
|
|
|
+ let time = 60, codeTimer = null, isStart = false, myCode = '';
|
|
|
+ var url = window.location.href;
|
|
|
+ url = url.split('/')
|
|
|
+ var loc = window.location.search,
|
|
|
+ n1 = loc.length,//地址的总长度
|
|
|
+ n2 = loc.indexOf("="),//取得=号的位置
|
|
|
+ id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
|
|
|
+ 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终端
|
|
|
+ // 点击立即领取按钮
|
|
|
+ $('.btn-receive')[0].addEventListener('click',() => {
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ let phoneFlag = checkPhone()
|
|
|
+ if(!phoneFlag || phone.length < 11) {
|
|
|
+ $('.phone-tip').eq(0).css('display','block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ let codeFlag = checkCode();
|
|
|
+ if(!codeFlag){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if(code.length < 6){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let dataObj = {
|
|
|
+ phone: phone,
|
|
|
+ code: code
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ // url: baseUrl + '/api/user/web/register/qqWallet',
|
|
|
+ url: baseUrl + '/api/user/web/register/qqWallet', // 地址
|
|
|
+ type: 'post',
|
|
|
+ data: JSON.stringify(dataObj),
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {
|
|
|
+ if(res.status == 0){
|
|
|
+ myCode = res.data;
|
|
|
+ // $('.copy-dialog').animate({top: '1.8rem'},"fast");
|
|
|
+ $('.copy-dialog').show()
|
|
|
+ $('.copy-mask').show();
|
|
|
+ $('.close').show()
|
|
|
+ document.documentElement.style.overflow='hidden';
|
|
|
+ }else{
|
|
|
+ toastr.error(res.msg);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },false)
|
|
|
+ // 点击关闭按钮
|
|
|
+ $('.close')[0].addEventListener('click',() =>{
|
|
|
+ $('.copy-mask').hide();
|
|
|
+ });
|
|
|
+ // 点击获取验证码
|
|
|
+ $('.get-code')[0].addEventListener('click',() => {
|
|
|
+ if(isStart){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ let phoneFlag = checkPhone();
|
|
|
+ if(!phoneFlag || phone.length < 11){
|
|
|
+ $('.phone-tip').eq(0).css('display', 'block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ getCode();
|
|
|
+ },false);
|
|
|
+ // 获取验证码接口
|
|
|
+ function getCode() {
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/user/v1/phone/v_code/send',
|
|
|
+ type: 'post',
|
|
|
+ data: JSON.stringify({
|
|
|
+ type: 'regist',
|
|
|
+ phone: phone
|
|
|
+ }),
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache:false,
|
|
|
+ success: function (res) {
|
|
|
+ if(res.status == 0) {
|
|
|
+ toastr.error(`验证码已发送`);
|
|
|
+ isStart = true;
|
|
|
+ $('.get-code').eq(0).text('60s');
|
|
|
+ $('.get-code')[0].className = 'get-code get-code-active';
|
|
|
+ codeTimer = setInterval(() => {
|
|
|
+ time--;
|
|
|
+ if(time > 0){
|
|
|
+ $('.get-code').eq(0).text(`${time}s`);
|
|
|
+ }else{
|
|
|
+ isStart = false;
|
|
|
+ time = 60;
|
|
|
+ clearInterval(codeTimer);
|
|
|
+ $('.get-code').eq(0).text('获取验证码');
|
|
|
+ $('.get-code-active')[0].className = 'get-code';
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+ }else{
|
|
|
+ toastr.error(res.msg)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 手机号提示校验
|
|
|
$('.phone-ipt')[0].oninput = checkPhone;
|
|
|
function checkPhone(){
|
|
|
let phone = $('.phone-ipt').eq(0).val();
|
|
|
@@ -78,10 +221,92 @@
|
|
|
if(!reg_tel.test(phone)){
|
|
|
$('.phone-tip').eq(0).css('display', 'block');
|
|
|
}
|
|
|
- if(phone == '') {
|
|
|
+ // if(phone == '') {
|
|
|
+ // $('.phone-tip').eq(0).css('display', 'none');
|
|
|
+ // }
|
|
|
+ if(phone !== '') {
|
|
|
+ $(".btn-dowlond").attr({"style":"background: #E85A4B;"});
|
|
|
+ }else{
|
|
|
+ $(".btn-dowlond").attr({"style":"background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%);"});
|
|
|
$('.phone-tip').eq(0).css('display', 'none');
|
|
|
}
|
|
|
},false);
|
|
|
+ // 验证码提示校验
|
|
|
+ $('.code-ipt')[0].oninput = checkCode;
|
|
|
+ function checkCode() {
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ if(code.length > 6){
|
|
|
+ code = code.slice(0,6);
|
|
|
+ $('.code-ipt').eq(0).val(code);
|
|
|
+ }
|
|
|
+ if(!code){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ $('.code-tip').eq(0).css('display', 'none');
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(code == '') {
|
|
|
+ $('.code-tip').eq(0).css('display', 'none');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $('.code-ipt')[0].addEventListener('blur',() => {
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ if(code.length < 6){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ }
|
|
|
+ },false);
|
|
|
+ function download() {
|
|
|
+ if (isAndroid) {
|
|
|
+ if (baseUrl == 'https://prese.phone.androidscloud.com') {
|
|
|
+ window.location.href = 'http://prese.phone.androidscloud.com:8888'
|
|
|
+ } else {
|
|
|
+ window.location.href = 'http://www.androidscloud.com?timestamp=' + Math.random();
|
|
|
+ }
|
|
|
+
|
|
|
+ } else if (isIOS) {
|
|
|
+ document.location.href = 'https://www.pgyer.com/gemini6?timestamp=' + Math.random();
|
|
|
+ } else {
|
|
|
+ document.location.href = 'https://www.androidscloud.com?timestamp=' + Math.random();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 复制
|
|
|
+ function copyCodeUrl() {
|
|
|
+ var oInput = document.createElement('input'); // 创建一个input
|
|
|
+ oInput.setAttribute("readonly", "readonly"); // 设置只读
|
|
|
+ setTimeout(() => {
|
|
|
+ oInput.value = myCode;
|
|
|
+ // oInput.select(); // 选择对象 ios不支持
|
|
|
+ document.body.appendChild(oInput)
|
|
|
+ selectText(oInput, 0, oInput.value.length);
|
|
|
+ document.execCommand("Copy"); // 执行浏览器复制命令
|
|
|
+ toastr.error(`复制成功`);
|
|
|
+ // $('.copy-dialog').animate({top: '-6.96rem'},"fast");
|
|
|
+ $('.copy-mask').hide();
|
|
|
+ document.documentElement.style.overflow='auto';
|
|
|
+ oInput.style.display = 'none'; // 将input隐藏
|
|
|
+ oInput.blur();
|
|
|
+ oInput.remove(); // 将input销毁
|
|
|
+ setTimeout(() => {
|
|
|
+ download();
|
|
|
+ }, 1000)
|
|
|
+ }, 400)
|
|
|
+ }
|
|
|
+ $('.copy-code')[0].addEventListener('click', (e) => {
|
|
|
+ // operate('QQQB_下载APP并复制激活码');
|
|
|
+ // if (isIOS) {
|
|
|
+ // // $('.copy-dialog').animate({top: '-6.96rem'},"fast");
|
|
|
+ // $('.copy-mask').hide();
|
|
|
+ // // $('.ios-dialog').animate({top: '5.75rem'},"fast");
|
|
|
+ // // $('.ios-mask').show();
|
|
|
+ // } else {
|
|
|
+ // copyUrl();
|
|
|
+ // }
|
|
|
+ copyUrl();
|
|
|
+ });
|
|
|
</script>
|
|
|
</body>
|
|
|
|
hutao
