butubb
5f02edb5c3
同时开 dev 和生产的标签页时分不清谁是谁。标题取 web_server 注入的 db_env（非 prod 才加前缀），login / monitor / wall 三个页面一致。
43 lines
2.3 KiB
HTML
43 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% if db_env and not db_env.is_prod %}{{ db_env.env }}-{% endif %}登录 · 设备自动化后台</title>
|
|
<style>
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
body{font-family:-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
|
|
background:linear-gradient(135deg,#1e293b 0%,#334155 100%);min-height:100vh;
|
|
display:flex;justify-content:center;align-items:center}
|
|
.box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:380px}
|
|
.logo{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;
|
|
margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}
|
|
h2{text-align:center;margin:0 0 8px;color:#1e293b;font-size:22px;font-weight:700}
|
|
.sub{text-align:center;color:#64748b;font-size:13px;margin-bottom:28px}
|
|
input{width:100%;padding:12px 14px;margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;
|
|
font-size:14px;transition:all .15s;background:#f8fafc}
|
|
input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
|
|
button{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;
|
|
border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s}
|
|
button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}
|
|
.err{color:#ef4444;font-size:13px;margin-bottom:14px;padding:10px 14px;background:#fee2e2;
|
|
border-radius:8px;border-left:3px solid #ef4444}
|
|
.hint{color:#94a3b8;font-size:12px;margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="box">
|
|
<div class="logo">A</div>
|
|
<h2>设备自动化后台</h2>
|
|
<div class="sub">Automation Management System</div>
|
|
{% if error %}<div class="err">{{ error }}</div>{% endif %}
|
|
<form method="post">
|
|
<input name="username" placeholder="用户名" autofocus>
|
|
<input name="password" type="password" placeholder="密码">
|
|
<button type="submit">登 录</button>
|
|
</form>
|
|
<div class="hint">默认账号 admin / admin123，登录后请及时修改密码</div>
|
|
</div>
|
|
</body>
|
|
</html>
|