|
|
@ -10,129 +10,24 @@
|
|
|
|
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
|
|
|
|
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
|
|
|
|
<link href="__CSS__/swiper.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<link href="__CSS__/swiper.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<script src="__JS__/ssg/flexible.min.js" type="text/javascript"></script>
|
|
|
|
<script src="__JS__/ssg/flexible.min.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<style>
|
|
|
|
|
|
|
|
.login-page{
|
|
|
|
|
|
|
|
padding-bottom: .4rem;min-height: 100vh;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .header-img{
|
|
|
|
|
|
|
|
width: 100%;text-align: center;padding-top: .55rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .header-img img{
|
|
|
|
|
|
|
|
width:6.7rem;height: 5.35rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
.login-page .loginbox {
|
|
|
|
|
|
|
|
width: 6.3rem;
|
|
|
|
|
|
|
|
height: 6.34rem;
|
|
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
border-radius: .32rem;
|
|
|
|
|
|
|
|
margin: .6rem auto 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .title {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .title img,
|
|
|
|
|
|
|
|
.login-page .loginbox .titleright {
|
|
|
|
|
|
|
|
width: .4rem;
|
|
|
|
|
|
|
|
height: .4rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .title img {
|
|
|
|
|
|
|
|
padding-left: .22rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .titleright {
|
|
|
|
|
|
|
|
padding-right: .22rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .title div {
|
|
|
|
|
|
|
|
font-size: .4rem;
|
|
|
|
|
|
|
|
color: #292929;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .formitem {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
height: .8rem;
|
|
|
|
|
|
|
|
width: 5rem;
|
|
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
border-bottom: 1px solid #292929;
|
|
|
|
|
|
|
|
margin: .3rem auto 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .formitem img {
|
|
|
|
|
|
|
|
width: .4rem;
|
|
|
|
|
|
|
|
height: .4rem;
|
|
|
|
|
|
|
|
margin-right: .1rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.login-page .loginbox .formitem input {
|
|
|
|
|
|
|
|
border: 0px;
|
|
|
|
|
|
|
|
height: .8rem;
|
|
|
|
|
|
|
|
font-size: .28rem;
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .verify-item{
|
|
|
|
|
|
|
|
border: 0px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .verify-item .formitem{
|
|
|
|
|
|
|
|
margin-right: .2rem;margin-top: 0px;width: 3.5rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .verify-item .formitem input{
|
|
|
|
|
|
|
|
width:2rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .verify-item .verify-img{
|
|
|
|
|
|
|
|
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-btn-group{
|
|
|
|
|
|
|
|
display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-btn-group div{
|
|
|
|
|
|
|
|
width: 2.9rem;height: 1.4rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-footer{
|
|
|
|
|
|
|
|
display: flex;width:100%;justify-content:center;align-items:center;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-footer img{
|
|
|
|
|
|
|
|
width: .3rem;height: .3rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-footer .chatqq{
|
|
|
|
|
|
|
|
font-size: .24rem;color:#21B1EB;margin-left: .1rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .login-btn-group .login-btn-big{
|
|
|
|
|
|
|
|
width: 5.6rem;height: 1.4rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .phonecodebtn{
|
|
|
|
|
|
|
|
width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .reg-footer{
|
|
|
|
|
|
|
|
display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .reg-change{
|
|
|
|
|
|
|
|
display: flex;align-items:center;margin-left: .25rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .reg-change img{
|
|
|
|
|
|
|
|
width: .3rem;height: .3rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-page .loginbox .reg-change div{
|
|
|
|
|
|
|
|
color:#21B1EB;margin-left: .1rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
|
|
|
|
<div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
|
|
|
|
|
|
|
|
<!---登陆弹框-->>
|
|
|
|
|
|
|
|
<div id="alert_box" style="height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;">
|
|
|
|
|
|
|
|
<div style="top:50%;margin-top: -1.5rem;position: fixed;width: 6.3rem;left: 50%;margin-left: -3.2rem;background-color: #fff;border-radius:.2rem;">
|
|
|
|
|
|
|
|
<div style="line-height:1.4rem;font-size:.32rem;text-align: center;">
|
|
|
|
|
|
|
|
注册成功,三秒后将自动登陆。
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<a onclick="hideAndLogin()" href="javascript:" style="line-height:1rem;font-size:.32rem;text-align: center;color: #21B1EB;width: 100%;display: block;border-top: 1px solid #f5f5f5;">
|
|
|
|
|
|
|
|
确定
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- <a href="javascript:" style="line-height:1rem;font-size:.28rem;text-align: center;color: #A9A9A9;width: 100%;display: block;" onclick="javascript;location.reload();">
|
|
|
|
|
|
|
|
支付遇到问题,重新支付
|
|
|
|
|
|
|
|
</a> -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="header-img">
|
|
|
|
<div class="header-img">
|
|
|
|
<img src="__IMG__/ssg/home/hader.png">
|
|
|
|
<img src="__IMG__/ssg/home/hader.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -160,6 +55,7 @@
|
|
|
|
<img src="__IMG__/ssg/login/code.png">
|
|
|
|
<img src="__IMG__/ssg/login/code.png">
|
|
|
|
<input id="userCode" type="text" placeholder="请输入验证码" value="">
|
|
|
|
<input id="userCode" type="text" placeholder="请输入验证码" value="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div id="verifyCode" class="verify-code" onclick="GetVerityCode()" style="color:green;width: 1.5rem;height: .7rem;line-height: .7rem;text-align:center;font-size: .40rem;border:1px solid green;letter-spacing:3px;"></div> -->
|
|
|
|
<img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
|
|
|
|
<img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!---按钮-->
|
|
|
|
<!---按钮-->
|
|
|
@ -245,16 +141,16 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!---按钮-->
|
|
|
|
<!---按钮-->
|
|
|
|
<div class="login-btn-group">
|
|
|
|
<div class="login-btn-group">
|
|
|
|
<div id="userreg"
|
|
|
|
<div id="userreg" class="login-btn-big"
|
|
|
|
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
|
|
|
|
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;">
|
|
|
|
立即注册
|
|
|
|
立即注册
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;">
|
|
|
|
<div class="reg-footer">
|
|
|
|
<div>注册即表示同意 <a href="{:U('News/protocol')}" style="color:#3CC2EF">《用户协议》</a></div>
|
|
|
|
<div>注册即表示同意 <a href="{:U('News/protocol')}" style="color:#3CC2EF">《用户协议》</a></div>
|
|
|
|
<div style="display: flex;align-items:center;margin-left: .25rem;">
|
|
|
|
<div class="reg-change">
|
|
|
|
<img src="__IMG__/ssg/login/change.png" style="width: .3rem;height: .3rem;">
|
|
|
|
<img src="__IMG__/ssg/login/change.png">
|
|
|
|
<div class="gophonreg" style="color:#21B1EB;margin-left: .1rem;">
|
|
|
|
<div class="gophonreg">
|
|
|
|
切换手机注册
|
|
|
|
切换手机注册
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -275,12 +171,11 @@
|
|
|
|
// initialSlide :2,
|
|
|
|
// initialSlide :2,
|
|
|
|
noSwiping : true,
|
|
|
|
noSwiping : true,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
var loginLock = false;
|
|
|
|
var loginLock = false;
|
|
|
|
function GetVerityCode() {
|
|
|
|
function GetVerityCode() {
|
|
|
|
//刷新验证码
|
|
|
|
//刷新验证码
|
|
|
|
$("#verifyCode").attr("src", "/mobile.php?s=/Ssg/verify.html&id=" + Math.random());
|
|
|
|
$("#verifyCode").attr("src", "/mobile.php?s=/Ssg/verify.html&id=" + Math.random());
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$(".gophonreg").on("click",function() {
|
|
|
|
$(".gophonreg").on("click",function() {
|
|
|
|
//去手机注册页
|
|
|
|
//去手机注册页
|
|
|
|
mySwiper.slideTo(1, 350, false);
|
|
|
|
mySwiper.slideTo(1, 350, false);
|
|
|
@ -299,7 +194,8 @@
|
|
|
|
$(".chatqq").on("click",function(){
|
|
|
|
$(".chatqq").on("click",function(){
|
|
|
|
window.location.href = 'mqqwpa://im/chat?chat_type=wpa&uin={$app_qq}&version=1&src_type=web&web_src=oicqzone.com';
|
|
|
|
window.location.href = 'mqqwpa://im/chat?chat_type=wpa&uin={$app_qq}&version=1&src_type=web&web_src=oicqzone.com';
|
|
|
|
})
|
|
|
|
})
|
|
|
|
//获取登录密码
|
|
|
|
//获取验证码
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//登陆
|
|
|
|
//登陆
|
|
|
|
$("#loginbtn").on("click",function(){
|
|
|
|
$("#loginbtn").on("click",function(){
|
|
|
@ -323,7 +219,6 @@
|
|
|
|
alert("推广员ID不能为空");
|
|
|
|
alert("推广员ID不能为空");
|
|
|
|
return false;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
jQuery.ajax({
|
|
|
|
jQuery.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
type: 'POST',
|
|
|
|
url: 'mobile.php?s=/Ssg/do_login.html',
|
|
|
|
url: 'mobile.php?s=/Ssg/do_login.html',
|
|
|
@ -391,12 +286,17 @@
|
|
|
|
alert(result.return_msg);
|
|
|
|
alert(result.return_msg);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
//成功
|
|
|
|
//成功
|
|
|
|
alert("注册并登陆成功");
|
|
|
|
alert("注册成功,三秒后将自动登陆");
|
|
|
|
window.location.href = "mobile.php?s=/Ssg/index.html"
|
|
|
|
window.location.href = "mobile.php?s=/Ssg/index.html"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
//弹框确认
|
|
|
|
|
|
|
|
function hideAndLogin(){
|
|
|
|
|
|
|
|
$("#alert_box").hide();
|
|
|
|
|
|
|
|
window.location.href = "mobile.php?s=/Ssg/index.html"
|
|
|
|
|
|
|
|
}
|
|
|
|
//获取手机验证码
|
|
|
|
//获取手机验证码
|
|
|
|
$("#getPhoneCode").on("click",function(){
|
|
|
|
$("#getPhoneCode").on("click",function(){
|
|
|
|
//获取手机
|
|
|
|
//获取手机
|
|
|
@ -444,7 +344,7 @@
|
|
|
|
var promoteId = $("#promote_id").val();
|
|
|
|
var promoteId = $("#promote_id").val();
|
|
|
|
var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])');
|
|
|
|
var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])');
|
|
|
|
if(account.length < 6 || account.length > 12){
|
|
|
|
if(account.length < 6 || account.length > 12){
|
|
|
|
alert('账号必须是6-12位字母数字组合');
|
|
|
|
alert('账号长度必须是6-12位');
|
|
|
|
return false;
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (!pwdRegex.test(account)) {
|
|
|
|
if (!pwdRegex.test(account)) {
|
|
|
@ -479,8 +379,10 @@
|
|
|
|
alert(result.return_msg);
|
|
|
|
alert(result.return_msg);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
//成功
|
|
|
|
//成功
|
|
|
|
alert("注册并登陆成功");
|
|
|
|
$("#alert_box").show();
|
|
|
|
window.location.href = "mobile.php?s=/Ssg/index.html"
|
|
|
|
setTimeout(hideAndLogin,2500)
|
|
|
|
|
|
|
|
// alert("注册并登陆成功");
|
|
|
|
|
|
|
|
// window.location.href = "mobile.php?s=/Ssg/index.html"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|