<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> <meta name="wap-font-scale" content="no"> <title>绑定银行卡</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/index.css?v=2021051401"> <script src="lib/fsize.js"></script> <style> .layui-layer-ico { display: none !important; } .layui-layer{ box-shadow: none !important; } .yourclass{ background: rgba(0,0,0,0) !important; border-radius: 0.4rem !important; } .layui-layer-page .layui-layer-content{ border-radius: 0.4rem !important; } .yourclass2{ border-radius: 0rem !important; background: rgba(0,0,0,0) !important; } .yourclass2 .layui-layer-content{ border-radius: 0rem !important; } .yourclass{ position: absolute !important; top: 50%; margin-top: ; } </style> </head> <body> <div style="background: rgb(245,245,245);height: 0.15rem;"></div> <div style="display: block" class="review-bg"> <div class="warrant-box"> <img src="images/icon2.png" alt=""> <p>授权中···</p> <p>请到果冻直播通知或手机短信中进行授权操作,若未接受到相关信息,可更换手机号或重新获取。</p> <button class="warrant-new">重新获取</button> <button class="warrant-phone">更换手机号</button> </div> </div> <div class="layer-phone"> <span class="layer-close">X</span> <h2>获取授权</h2> <div> <span class="layer-AreaCode">+86</span> <input class="layer-phone-ipt" oninput="value=value.replace(/[^\d]/g,'')" maxlength="11" type="text" placeholder="请输入手机号"> </div> <div> <input class="layer-code-ipt" oninput="value=value.replace(/[^\d]/g,'')" maxlength="6" type="text" placeholder="请输入验证码"> <div class="layer-code-btn">获取验证码</div> </div> <p>*授权即同意果冻直播代为缴纳相关税款</p> <p style="text-align: center;margin-top: 0;line-height: 0"><button class="layer-phone-submit">获取</button></p> </div> </body> <script src="lib/jquery-3.1.1.min.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script> <script> // $ip = 'http://test.api.lvdou66.com/'; $ip = 'https://zhibo.lvdou66.com/'; // $ip = 'https://zhibo.lvdou66.com/87server/' // $ip = 'https://zhibo.lvdou66.com/'; cdn = 'http://zhibocdn.ishuaji.cn/comm'; var bbb = location.href; var data = url_get_params(bbb) function url_get_params(url_path) { var url = url_path; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(url.indexOf("?") + 1); strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; } //ajax设置默认参数 $.ajaxSetup({ global: false, type: 'post', data: { uid:localStorage.uid, token:localStorage.token }, dataType:"JSON" }) $(".layer-phone-ipt,.layer-code-ipt").on("blur",function(){ handleBug() }) function handleBug() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0 window.scrollTo(0, Math.max(scrollHeight - 1, 0)) } $(".warrant-new").on("click", function () { layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass", area: ["8rem", "7.2rem"], content: $(".layer-phone") }) }) $(".warrant-phone").on("click", function () { layer.open({ type: 1, title: false, shadeClose: true, skin: "yourclass", area: ["8rem", "7.2rem"], content: $(".layer-phone") }) }) $(".layer-close").on("click", function () { layer.closeAll(); }) $(".layer-phone-ipt").on("blur", function () { $('body,html').animate({scrollTop: 0}, 250); }) $(".layer-code-ipt").on("blur", function () { $('body,html').animate({scrollTop: 0}, 250); }) var codeBtn=true; var interval1=null; $(".layer-code-btn").on("click", function () { if($(".layer-phone-ipt").val().length>10){ if(codeBtn){ codeBtn=false $.ajax({ url:$ip+'account/client/withdraw/signbank/sms.html', data:{ phone:$('.layer-phone-ipt').val() }, success: function (data) { console.log(data) if(data.code==1){ $(".layer-code-btn").addClass("layer-code-btn-no") $(".layer-code-btn").text("60s后获取") var codeTime=60 interval1=setInterval(function () { codeTime--; if(codeTime==0){ clearInterval(interval1) codeBtn=true; $(".layer-code-btn").removeClass("layer-code-btn-no") $(".layer-code-btn").text("获取验证码"); return; } $(".layer-code-btn").text(""+codeTime+"s后获取") },1000) }else{ layer.msg(data.msg); codeBtn=true } } }) } }else{ layer.msg("请输入正确手机号") } }) var submit=true; $(".layer-phone-submit").on("click", function () { if($(".layer-phone-ipt").val().length>10&&$(".layer-code-ipt").val().length==6){ if(submit){ submit=false $.ajax({ url:$ip+'account/client/withdraw/signbank/apply.html', data:{ phone:$(".layer-phone-ipt").val(), smscode:$(".layer-code-ipt").val() }, success: function (data) { console.log(data); if(data.code==1){ submit=true layer.closeAll(); layer.msg("提交成功,请等待授权完成") }else{ layer.msg(data.msg) submit=true } } }) } }else{ layer.msg("请输入完整信息"); } }) var obj = { "cid": 11, "reqCode": new Date().getTime(), "data": { msg:"修改导航栏", titleName:"绑定银行卡", color:'#000000', background:'#ffffff' } } var obj2 = JSON.stringify(obj); appCollaboration(obj2) var rightTopObj = { "cid": 13, "reqCode": new Date().getTime(), "data": { 'msg':'添加右上角图标', 'function':'more()', show:0 } } var rightTop = JSON.stringify(rightTopObj); appCollaboration(rightTop) //ajax设置默认参数 $.ajaxSetup({ global: false, type: 'post', data: { uid:localStorage.uid, token:localStorage.token }, dataType:"JSON" }) if(sessionStorage.title!=undefined){ $("title").text(sessionStorage.title) } function appCollaboration(msg) { var ua = window.navigator.userAgent.toLowerCase(); try{ if (/iphone|ipad|ipod/.test(ua)) { window.webkit.messageHandlers.appCollaboration.postMessage(msg); }else if(/android/.test(ua)){ window.yazhai.appCollaboration(msg); } }catch (e){} } //客户端回调结果 function appCallback(msg) { console.log(msg); } </script> </html>