完善登录页面
就眠仪式
parent
44d90d8938
commit
5935c020f9
|
|
@ -264,7 +264,7 @@
|
||||||
"icon": "layui-icon layui-icon-face-smile",
|
"icon": "layui-icon layui-icon-face-smile",
|
||||||
"type": 1,
|
"type": 1,
|
||||||
"openType": "_iframe",
|
"openType": "_iframe",
|
||||||
"href": "view/common/login.html"
|
"href": "login.html"
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,7 @@
|
||||||
height: 44px!important;
|
height: 44px!important;
|
||||||
line-height: 44px!important;
|
line-height: 44px!important;
|
||||||
font-size: 16px!important;
|
font-size: 16px!important;
|
||||||
|
background-color: #5FB878!important;
|
||||||
font-weight: 550!important;
|
font-weight: 550!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,7 @@
|
||||||
<dl class="layui-nav-child">
|
<dl class="layui-nav-child">
|
||||||
<dd><a href="">基本资料</a></dd>
|
<dd><a href="">基本资料</a></dd>
|
||||||
<dd><a href="">安全设置</a></dd>
|
<dd><a href="">安全设置</a></dd>
|
||||||
|
<dd><a href="login.html">注销登录</a></dd>
|
||||||
</dl>
|
</dl>
|
||||||
</li>
|
</li>
|
||||||
<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
|
<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
|
||||||
Loading…
Reference in New Issue