Files
gold_monitor/app/templates/login.html
T
2026-10-18 08:30:08 +08:00

41 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录 · {{ app_name }}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
<style>
body { display:flex; align-items:center; justify-content:center; }
.login-box { width:100%; max-width:400px; }
.login-box h2 {
text-align:center; margin:0 0 8px;
background: linear-gradient(90deg, #4cc2ff, #7b42ff);
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
</style>
</head>
<body>
<div class="card login-box">
<h2>{{ app_name }}</h2>
<p class="muted" style="text-align:center;margin-bottom:18px">MT5 黄金 · 下单辅助 · 网页复盘</p>
{% with messages = get_flashed_messages(with_categories=true) %}
{% for cat, msg in messages %}
<div class="flash {{ cat }}">{{ msg }}</div>
{% endfor %}
{% endwith %}
<form method="post">
<div class="form-row">
<label>用户名</label>
<input name="username" autocomplete="username" placeholder="用户名" required>
</div>
<div class="form-row">
<label>密码</label>
<input name="password" type="password" autocomplete="current-password" required>
</div>
<button class="btn" style="width:100%" type="submit">登录</button>
</form>
</div>
</body>
</html>