|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="stylesheet" href="./templates/admin/static/css/new.css">
|
|
|
|
|
<link rel='stylesheet' href='static/layui/css/layui.css'>
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
|
|
<title>OneNav管理员登录</title>
|
|
|
|
|
<script>
|
|
|
|
|
window.onload = function () {
|
|
|
|
|
document.querySelector(".login").style.opacity = 1;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body class="login">
|
|
|
|
|
<div class="root">
|
|
|
|
|
<section class="left">
|
|
|
|
|
<img class="cover" src="./templates/admin/static/image/backgroundLogin.png" />
|
|
|
|
|
</section>
|
|
|
|
|
<section class="right">
|
|
|
|
|
<!-- PC版的样式 -->
|
|
|
|
|
<h2>OneNav后台管理系统</h2>
|
|
|
|
|
<div class="login_frame">
|
|
|
|
|
<div class="login_box">
|
|
|
|
|
<h4>管理登录</h4>
|
|
|
|
|
<h6>亲爱的管理员欢迎回来！</h6>
|
|
|
|
|
<form action="" method="post">
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<span class="label">用户名</span>
|
|
|
|
|
<input type="text" id = "user" name="user" placeholder="请输入账号" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<span class="label">用户密码</span>
|
|
|
|
|
<input type="password" id = "password" name="password" placeholder="请输入密码" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="submit">
|
|
|
|
|
<input type="submit" lay-submit lay-filter="new_login" class="submit" value="登录">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mobile">
|
|
|
|
|
<!-- 手机版的样式 -->
|
|
|
|
|
<h1>OneNav</h1>
|
|
|
|
|
<form action="" method="post">
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<span class="label">用户名</span>
|
|
|
|
|
<input type="text" id = "m_user" name="user" placeholder="请输入账号" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inp">
|
|
|
|
|
<span class="label">用户密码</span>
|
|
|
|
|
<input type="password" id = "m_password" name="password" placeholder="请输入密码" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="submit">
|
|
|
|
|
<input type="submit" lay-submit lay-filter="new_mobile_login" class="submit" value="登录">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<footer>© 2022 Powered by <a style = "color:#FFFFFF;padding-left:6px;" href = "https://www.onenav.top/" target = "_blank" title = "开源免费书签管理系统"> OneNav</a></footer>
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
//自己封装的弹出框
|
|
|
|
|
function alt(text) {
|
|
|
|
|
const t = document.createElement("div")
|
|
|
|
|
t.innerText = text;
|
|
|
|
|
Object.assign(t.style, {
|
|
|
|
|
position: 'fixed',
|
|
|
|
|
maxWidth: '300px',
|
|
|
|
|
top: '50px',
|
|
|
|
|
left: '0px',
|
|
|
|
|
right: '0px',
|
|
|
|
|
margin: '0 auto',
|
|
|
|
|
color: '#000',
|
|
|
|
|
background: '#fff',
|
|
|
|
|
boxShadow: '0px 3px 4px rgba(197, 197, 197, 0.115)',
|
|
|
|
|
padding: '15px 20px',
|
|
|
|
|
borderRadius: '8px',
|
|
|
|
|
transition: 'all .5s',
|
|
|
|
|
opacity: 0,
|
|
|
|
|
transform: 'translateY(-10px)'
|
|
|
|
|
})
|
|
|
|
|
document.body.append(t)
|
|
|
|
|
setTimeout(_ => {
|
|
|
|
|
t.style.transform = 'translateY(10px)'
|
|
|
|
|
t.style.opacity = 1;
|
|
|
|
|
}, 100)
|
|
|
|
|
setTimeout(_ => {
|
|
|
|
|
t.style.transform = 'translateY(-10px)'
|
|
|
|
|
t.style.opacity = 0;
|
|
|
|
|
}, 3000)
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<script src = 'static/js/jquery.min.js'></script>
|
|
|
|
|
<script src = 'static/layui/layui.js'></script>
|
|
|
|
|
<script src="templates/admin/static/embed.js"></script>
|
|
|
|
|
</html>
|
