You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

207 lines
7.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{:C('WEB_SITE_TITLE')}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- CSS -->
<link rel="stylesheet" href="__CSS__/reset.css">
<link rel="stylesheet" href="__CSS__/supersized.css">
<link rel="stylesheet" href="__CSS__/loginnews1711.css">
<script src="__JS__/jquery-3.0.0.min.js" ></script>
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script src="__JS__/cloud.js" type="text/javascript"></script>
<style>
#sendSasfeCode {
border-radius:3px;
width:29%;
cursor:pointer;
border:1px solid;
position:absolute;
top:0;
right:0;
height:48px;
text-align: center;
line-height: 50px;
}
.g-btntn{
border-color: grey;
color: grey;
}
.g-btn{
border-color: #2697FF;
color: #2697FF;
}
</style>
</head>
<body style="background-color:#1c77ac; background-image:url(__IMG__/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">
<div id="mainBody">
<div id="cloud1" class="cloud"></div>
<div id="cloud2" class="cloud"></div>
</div>
<div class="logintop" style="display: none">
<span>欢迎登录后台管理界面平台</span>
<ul>
<li><a href="http://xue.vlcms.com/" target="_blank">帮助</a></li>
<li><a href="http://www.vlcms.com/" target="_blank">关于</a></li>
</ul>
</div>
<div class="loginbody" >
<span class="systemlogo"></span>
<div class="loginbox">
<form class="inputlogin">
<div class="wrap">
<h3><span>手机号码快捷登录</span><span>User Login</span><a href="{:U('login')}">账号登录</a></h3>
<ul>
<li>
<img src="__IMG__/login_name.png" class="icon icon-user">
<input name="mobile" type="text" id="mobile" class="login_input" value="" autocomplete="off" placeholder="请输入手机号码" />
</li>
<li>
<img src="__IMG__/login_code.png" class="icon icon-code">
<input name="verify" type="text" class="login_input verify" value="" placeholder="请填写验证码"/>
<div id="sendSasfeCode" class="g-btn">获取验证码</div>
</li>
<li><input name="" type="submit" class="loginbtn" value="登录" /></li>
<li style="color: grey"><input type="checkbox" name="auto_login" id="">下次自动登录</li>
</ul>
</div>
</form>
</div>
</div>
<!-- <div class="loginbm"><i>&copy;徐州梦创信息科技有限公司 版权所有</i>2016&nbsp;<a href="http://www.vlcms.com/" target="_blank">vlcms.com</a> &copy;版权所有</div> -->
<div id="tip" class="tip"><a class="tipclose hidden" ></a><div class="tipmain"><div class="tipicon"></div><div class="tipinfo">这是内容</div></div></div>
<script>
$('#sendSasfeCode').on('click',function() {
if ($(this).hasClass('g-btntn')) {
return false;
}
var phone = $.trim($('#mobile').val());
if (phone == '') {
alert("手机号不能为空");
return false;
}
if (phone.length !== 11 || !(/^[1][35789][0-9]{9}$/.test(phone))) {
pmsg.msg("格式不正确");
return false;
}
$.ajax({
type:'post',
dataType:'json',
data:'phone='+phone,
url:'{:U("telsafecode")}',
success:function(data) {
if (data.status ==1) {
r(1);
} else {
alert(data.msg);
}
},
error:function() {
alert('服务器开小差了,请稍后再试。');
}
});
var r = function(i, t) {
if (i>0) {
var r = 60;
e='#sendSasfeCode';
$(e).removeClass('g-btn').addClass('g-btntn');
var a = setInterval(function() {
r--;
$(e).text(r + '秒');
0 == r && ($(e).removeClass('g-btntn').addClass('g-btn'),
$(e).text('获取验证码'),
clearInterval(a))
},1000)
}
};
});
/**顶部警告栏*/
var content = $('#main');
var top_alert = $('#tip');
top_alert.find('.tipclose').on('click', function () {
top_alert.removeClass('block').slideUp(200);
});
window.updateAlert = function (text,c) {
text = text||'default';
c = c||false;
if ( text!='default' ) {
top_alert.find('.tipinfo').text(text);
if (top_alert.hasClass('block')) {
} else {
top_alert.addClass('block').slideDown(200);
}
} else {
if (top_alert.hasClass('block')) {
top_alert.removeClass('block').slideUp(200);
}
}
if ( c!=false ) {
top_alert.removeClass('tip_error tip_right').addClass(c);
}
};
</script>
<script>
$(function(){
$(".inputlogin").unbind('submit').submit(function(){
$.ajax({
type: 'POST',
async: true,
dataType: 'json',
url: "{:U('phone_login')}",
data: $(".inputlogin").serialize(),
success: function(data) {
if(data.status!=1){
var msg = data.info ? data.info : data.msg;
alert(msg)
}else{
window.location.href = data.url;
}
},
error:function(){
updateAlert("服务器故障!",'tip_error');
setTimeout(function(){
$('#tip').find('.tipclose').click();
},1500);
}
});
return false;
});
});
</script>
</body>
</html>