132 lines
4.9 KiB
HTML
132 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<META content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
|
<title>欢迎您登录SentCMS管理平台</title>
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/plugs/bootstrap/css/bootstrap.min.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/css/libs/font-awesome.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/css/libs/animate.min.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/plugs/layui/css/layui.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__STATIC__/css/admin/login.css"/>
|
|
<script type="text/javascript" src="__STATIC__/plugs/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="__STATIC__/plugs/layui/layui.all.js"></script>
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="__STATIC__/js/html5shiv.min.js"></script>
|
|
<script src="__STATIC__/js/ie8polyfill.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body id="login-page-full">
|
|
<div class="login-container">
|
|
|
|
<!-- 动态云层动画 开始 -->
|
|
<div class="clouds-container">
|
|
<div class="clouds clouds-footer"></div>
|
|
<div class="clouds"></div>
|
|
<div class="clouds clouds-fast"></div>
|
|
</div>
|
|
<!-- 动态云层动画 结束 -->
|
|
|
|
<!-- 顶部导航条 开始 -->
|
|
<div class="header notselect">
|
|
<span class="title notselect">SentCMS <sup>v{$Think.SENTCMS_VERSION}</sup></span>
|
|
<ul>
|
|
<li><a href="javascript:void(0)" target="_blank">帮助</a></li>
|
|
<li>
|
|
<a href="http://sw.bos.baidu.com/sw-search-sp/software/9e6bc213b9d0b/ChromeStandalone_63.0.3239.132_Setup.exe">推荐使用谷歌浏览器</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 顶部导航条 结束 -->
|
|
|
|
<!-- 页面表单主体 开始 -->
|
|
<div class="container">
|
|
<form onsubmit="return false;" method="post" class="content layui-form animated fadeInDown">
|
|
<div class="people">
|
|
<div class="tou"></div>
|
|
<div id="left-hander" class="initial_left_hand transition"></div>
|
|
<div id="right-hander" class="initial_right_hand transition"></div>
|
|
</div>
|
|
<ul>
|
|
<li class="username">
|
|
<i class="fa fa-user"></i>
|
|
<input required pattern="^\S{4,}$" name="username" value="admin" type="text" autofocus="autofocus" autocomplete="off" title="请输入4位及以上的字符" placeholder="请输入用户名/手机号码">
|
|
</li>
|
|
<li class="password">
|
|
<i class="fa fa-shield"></i>
|
|
<input required pattern="^\S{4,}$" name="password" value="admin" type="password" autocomplete="off" title="请输入4位及以上的字符" placeholder="请输入密码">
|
|
</li>
|
|
<li class="verify">
|
|
<i class="fa fa-qrcode"></i>
|
|
<input required pattern="^\S{3,}$" name="verify" value="" type="text" autocomplete="off" title="请输入3位及以上的字符" placeholder="请输入验证码">
|
|
<span class="reloadverify"><img src="{:captcha_src()}" alt="验证码" height="38" class="verifyimg"></span>
|
|
</li>
|
|
<li class="text-center">
|
|
<button type="submit" class="btn btn-primary btn-block">登录</button>
|
|
</li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
<!-- 页面表单主体 结束 -->
|
|
|
|
<!-- 底部版权信息 开始 -->
|
|
<div class="footer notselect">
|
|
腾速科技 © TenSent.Icn
|
|
</div>
|
|
<!-- 底部版本信息 结束 -->
|
|
|
|
</div>
|
|
<script>
|
|
$(function () {
|
|
$('[name="password"]').on('focus', function () {
|
|
$('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
|
|
$('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
|
|
}).on('blur', function () {
|
|
$('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
|
|
$('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
|
|
});
|
|
|
|
//表单提交
|
|
$(document).ajaxStart(function(){
|
|
$("button:submit").addClass("log-in").attr("disabled", true);
|
|
}).ajaxStop(function(){
|
|
$("button:submit").removeClass("log-in").attr("disabled", false);
|
|
});
|
|
|
|
$("form").submit(function(){
|
|
var self = $(this);
|
|
$.post(self.attr("action"), self.serialize(), success, "json");
|
|
return false;
|
|
|
|
function success(data){
|
|
if(data.code){
|
|
layer.msg(data.msg, {time:3000, end:function(){
|
|
window.location.href = data.url;
|
|
}});
|
|
} else {
|
|
layer.msg(data.msg, {time:3000, end:function(){
|
|
//刷新验证码
|
|
$(".reloadverify").click();
|
|
}});
|
|
}
|
|
}
|
|
});
|
|
//初始化选中用户名输入框
|
|
$("#itemBox").find("input[name=username]").focus();
|
|
//刷新验证码
|
|
var verifyimg = $(".verifyimg").attr("src");
|
|
$(".reloadverify").click(function(){
|
|
if( verifyimg.indexOf('?')>0){
|
|
$(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
|
|
}else{
|
|
$(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |