mirror of https://github.com/helloxz/onenav.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.4 KiB
102 lines
3.4 KiB
<!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?v=<?php echo $version; ?>'"> |
|
<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?v=<?php echo $version; ?>'"></script> |
|
</html> |