更新
This commit is contained in:
@@ -0,0 +1,6 @@
|
||||
{extend name="admin/public/base" /}
|
||||
{block name="body"}
|
||||
<div class="row">
|
||||
{:hook('AdminIndex')}
|
||||
</div>
|
||||
{/block}
|
||||
132
view/admin/index/login.html
Normal file
132
view/admin/index/login.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<!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__/plugins/bootstrap/css/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__static__/common/css/font-awesome.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__static__/common/css/animate.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__static__/plugins/layui/css/layui.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="__css__/login.css"/>
|
||||
<script type="text/javascript" src="__static__/plugins/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="__static__/plugins/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__/common/js/html5shiv.min.js"></script>
|
||||
<script src="__static__/common/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="https://www.google.cn/intl/zh-CN/chrome/">推荐使用谷歌浏览器</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="" 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="" 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>
|
||||
Reference in New Issue
Block a user