root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

完善登录页面

develop
就眠仪式 2020-07-24 16:20:56 +08:00
parent 44d90d8938
commit 5935c020f9
5 changed files with 61 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin/data/menu.json
View File

@ -264,7 +264,7 @@
"icon": "layui-icon layui-icon-face-smile",
"type": 1,
"openType": "_iframe",
"href": "view/common/login.html"
"href": "login.html"
}]
}
]

1
assets/login.css
View File

@ -9,6 +9,7 @@
height: 44px!important;
line-height: 44px!important;
font-size: 16px!important;
background-color: #5FB878!important;
font-weight: 550!important;
}

1
index.html
View File

@ -33,6 +33,7 @@
<dl class="layui-nav-child">
<dd><a href="">基本资料</a></dd>
<dd><a href="">安全设置</a></dd>
<dd><a href="login.html">注销登录</a></dd>
</dl>
</li>
<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>

58
login.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="component/pear/css/pear.css" />
<link rel="stylesheet" href="assets/login.css" />
</head>
<body background="admin/images/background.svg">
<form class="layui-form" action="javascript:void(0);">
<div class="layui-form-item">
<img class="logo" src="admin/images/logo.png" />
<div class="title">Pear Admin</div>
<div class="desc">
明 湖 区 最 具 影 响 力 的 设 计 规 范 之 一
</div>
</div>
<div class="layui-form-item">
<input placeholder="账 户 : admin " hover class="layui-input" />
</div>
<div class="layui-form-item">
<input placeholder="密 码 : admin " hover class="layui-input" />
</div>
<div class="layui-form-item">
<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
</div>
<div class="layui-form-item">
<button class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
登 入
</button>
</div>
</form>
<script src="component/layui/layui.js"></script>
<script src="component/pear/pear.js"></script>
<script>
layui.use(['form', 'element', 'jquery', 'button', 'popup'], function() {
var form = layui.form;
var element = layui.element;
var button = layui.button;
var popup = layui.popup;
var $ = layui.jquery;
form.on('submit(login)', function(data) {
button.load({
elem: '.login',
time: 1500,
done: function() {
popup.success("登录成功", function() {
location.href = "index.html"
});
}
})
return false;
});
})
</script>
</body>
</html>

46
view/common/login.html
View File

@ -1,46 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
<link rel="stylesheet" href="../../assets/login.css" />
</head>
<body background="../../admin/images/background.svg">
<form class="layui-form" action="javascript:void(0);">
<div class="layui-form-item">
<img class="logo" src="../../admin/images/logo.png" />
<div class="title">Pear Admin</div>
<div class="desc">
明 湖 区 最 具 影 响 力 的 设 计 规 范 之 一
</div>
</div>
<div class="layui-form-item">
<input placeholder="账 户 : " hover class="layui-input" />
</div>
<div class="layui-form-item">
<input placeholder="密 码 : " hover class="layui-input" />
</div>
<div class="layui-form-item">
<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
</div>
<div class="layui-form-item">
<button style="background-color: #5FB878!important;" class="pear-btn pear-btn-primary login">
登 入
</button>
</div>
</form>
<script src="../../component/layui/layui.js"></script>
<script>
layui.use(['form', 'element', 'jquery'], function() {
var form = layui.form;
var element = layui.element;
var $ = layui.jquery;
$("body").on("click", ".login", function() {
location.href = "index.html"
})
})
</script>
</body>
</html>