Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
login.html 2.58 KB
Copy Edit Web IDE Raw Blame History
Van authored 2018-03-29 11:41 . #layui 更新到2.2.5
<!DOCTYPE html>
<html lang="ZH-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Login</title>
<link rel="stylesheet" href="plugins/layui/css/layui.css">
<link rel="stylesheet" href="src/css/login.css">
</head>
<body>
<div class="kit-login">
<div class="kit-login-bg"></div>
<div class="kit-login-wapper">
<h2 class="kit-login-slogan">欢迎使用 <br> KITADMIN 1.x后台模板</h2>
<div class="kit-login-form">
<h4 class="kit-login-title">登录</h4>
<form class="layui-form">
<div class="kit-login-row">
<div class="kit-login-col">
<i class="layui-icon">&#xe612;</i>
<span class="kit-login-input">
<input type="text" name="loginName" lay-verify="required" placeholder="用户名/邮箱/手机号" />
</span>
</div>
<div class="kit-login-col"></div>
</div>
<div class="kit-login-row">
<div class="kit-login-col">
<i class="layui-icon">&#xe64c;</i>
<span class="kit-login-input">
<input type="password" name="password" lay-verify="required" placeholder="密码" />
</span>
</div>
<div class="kit-login-col"></div>
</div>
<div class="kit-login-row">
<div class="kit-login-col">
<input type="checkbox" name="rememberMe" title="记住帐号" lay-skin="primary">
</div>
</div>
<div class="kit-login-row">
<button class="layui-btn kit-login-btn" lay-submit="submit" lay-filter="login_hash">登录</button>
</div>
<div class="kit-login-row" style="margin-bottom:0;">
<a href="javascript:;" style="color: rgb(153, 153, 153); text-decoration: none; font-size: 13px;" id="forgot">忘记密码</a>
</div>
</form>
</div>
</div>
</div>
<script src="plugins/polyfill.min.js"></script>
<script src="plugins/layui/layui.js"></script>
<script>
layui.use(['layer', 'form'], function() {
var form = layui.form,
$ = layui.jquery;
$('#forgot').on('click', function() {
layer.msg('请联系管理员.');
});
//监听提交
form.on('submit(login_hash)', function(data) {
layer.msg(JSON.stringify(data.field));
setTimeout(function(){
location.href='/';
},1000);
return false;
});
});
</script>
</body>
</html>

Comment ( 0 )

Sign in for post a comment