@ -13,12 +13,18 @@
< / head >
< style >
* {
padding: 0px;
margin: 0px;
.login-page{
padding-bottom: .4rem;min-height: 100vh;
}
.loginbox {
.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;
@ -26,7 +32,7 @@
margin: .6rem auto 0;
}
.loginbox .title {
.login-page .login box .title {
display: flex;
height: 1rem;
width: 100%;
@ -34,26 +40,26 @@
align-items: center;
}
.loginbox .title img,
.loginbox .titleright {
.login-page .login box .title img,
.login-page .login box .titleright {
width: .4rem;
height: .4rem;
}
.loginbox .title img {
.login-page .login box .title img {
padding-left: .22rem;
}
.loginbox .titleright {
.login-page .login box .titleright {
padding-right: .22rem;
}
.loginbox .title div {
.login-page .login box .title div {
font-size: .4rem;
color: #292929;
}
.loginbox .formitem {
.login-page .login box .formitem {
display: flex;
height: .8rem;
width: 5rem;
@ -65,26 +71,70 @@
margin: .3rem auto 0;
}
.loginbox .formitem img {
.login-page .login box .formitem img {
width: .4rem;
height: .4rem;
margin-right: .1rem;
}
.loginbox .formitem input {
.login-page .login box .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 >
< div
style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;padding-bottom: .4rem;min-height: 100vh;">
< div style = "width: 100%;text-align: center;padding-top: .55rem;" >
< img src = "__IMG__/ssg/home/hader.png" style = "width:6.7rem;height: 5.35rem;" >
< div class = "login-page" style = "background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;" >
< div class = "header-img" >
< img src = "__IMG__/ssg/home/hader.png" >
< / div >
< input type = "hidden" value = "{$promote_id}" id = "promote_id" name = "promote_id" / >
< div class = "swiper-container" >
@ -93,7 +143,7 @@
<!-- 登陆 -->
< div class = "loginbox" >
< div class = "title" >
< img class = "back" src = "__IMG__/ssg/login/back.png" >
< img class = "back" src = "__IMG__/ssg/login/back.png" >
< div > 登陆< / div >
< div class = "titleright" > < / div >
< / div >
@ -105,27 +155,25 @@
< img src = "__IMG__/ssg/login/password.png" >
< input id = "password" type = "password" placeholder = "请输入密码" value = "" >
< / div >
< div class = "formitem " style = "border: 0px; ">
< div class = "formitem" style = "margin-right: .2rem;margin-top: 0px;width: 3.5rem;" >
< div class = "formitem verify-item ">
< div class = "formitem" >
< img src = "__IMG__/ssg/login/code.png" >
< input id = "userCode" type = "text" placeholder = "请输入验证码" value = "" style = "width:2rem;" >
< input id = "userCode" type = "text" placeholder = "请输入验证码" value = "" >
< / div >
< img id = "verifyCode" style = "cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;"
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
style="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;">
< div id = "loginbtn" style = "background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;" >
< div class = "login-btn-group" >
< div id = "loginbtn" style = "background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;" >
登陆
< / div >
< div class = "gophonreg" style = "background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover; width: 2.9rem;height: 1.4rem; ">
< div class = "gophonreg" style = "background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover; ">
注册
< / div >
< / div >
< div style= "display: flex;width:100%;justify-content:center;align-items:center; ">
< img src = "__IMG__/ssg/login/kf.png" style = "width: .3rem;height: .3rem;" >
< div class = "chatqq" style = "font-size: .24rem;color:#21B1EB;margin-left: .1rem;" >
< div class= "login-footer ">
< img src = "__IMG__/ssg/login/kf.png" >
< div class = "chatqq" >
联系客服
< / div >
< / div >
@ -152,23 +200,21 @@
< img src = "__IMG__/ssg/login/code.png" >
< input id = "phonecode" type = "text" placeholder = "请输入短信验证码" value = "" style = "width:2.5rem;" >
< / div >
< div id = "getPhoneCode" style= "width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center; ">
< div id = "getPhoneCode" class= "phonecodebtn ">
获取验证码
< / div >
< / div >
<!-- - 按钮 -->
< div id = "phonereg"
style="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;">
< div
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
< div id = "phonereg" class = "login-btn-group" >
< div class = "login-btn-big" style = "background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;" >
立即注册
< / 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 style= "display: flex;align-items:center;margin-left: .25rem; ">
< img src = "__IMG__/ssg/login/change.png" style = "width: .3rem;height: .3rem;" >
< div class = "gouserreg" style = "color:#21B1EB;margin-left: .1rem;" >
< div class= "reg-change ">
< img src = "__IMG__/ssg/login/change.png" >
< div class = "gouserreg" >
切换普通注册
< / div >
< / div >
@ -198,8 +244,7 @@
< input id = "regpassword2" type = "password" placeholder = "请再次确认输入密码" value = "" >
< / div >
<!-- - 按钮 -->
< div
style="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;">
< div class = "login-btn-group" >
< div id = "userreg"
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
立即注册
@ -227,7 +272,7 @@
< script type = "text/javascript" >
var mySwiper = new Swiper('.swiper-container', {
// autoplay: true,//可选选项,自动滑动
// initialSlide :1 ,
// initialSlide :2 ,
noSwiping : true,
})
@ -249,7 +294,7 @@
})
$(".back").on("click",function(){
window.history.go(-1) ;
window.location.href='{:U("home")}' ;
})
$(".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';