dekun
41 lines
2.2 KiB
HTML
41 lines
2.2 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>系统登录</title>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{background:#0a0a10;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;color:#fff}
|
|
.login-box{background:#12121a;padding:2.5rem;border-radius:16px;width:100%;max-width:400px;border:1px solid #242435;box-shadow:0 8px 24px rgba(0,0,0,.3)}
|
|
.login-box h2{margin-bottom:2rem;text-align:center;font-size:1.5rem;background:linear-gradient(90deg,#4cc2ff,#7b42ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
|
|
.form-group{margin-bottom:1.25rem}
|
|
.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#a9a9ff}
|
|
.form-group input{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid #2e2e45;background:#1a1a29;color:#fff;font-size:.95rem;outline:none}
|
|
.form-group input:focus{border-color:#4cc2ff}
|
|
button{width:100%;padding:.9rem;border-radius:10px;border:none;background:linear-gradient(90deg,#4285f4,#7b42ff);color:#fff;font-size:1rem;font-weight:500;cursor:pointer}
|
|
button:hover{opacity:.9}
|
|
.flash{padding:.8rem;margin-bottom:1rem;background:#331e24;color:#ff6666;border-radius:8px;text-align:center;font-size:.85rem}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="login-box">
|
|
<h2>期货监控系统</h2>
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}<div class="flash">{{ messages[0] }}</div>{% endif %}
|
|
{% endwith %}
|
|
<form method="POST">
|
|
<div class="form-group">
|
|
<label>账号</label>
|
|
<input type="text" name="username" required placeholder="请输入账号">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>密码</label>
|
|
<input type="password" name="password" required placeholder="请输入密码">
|
|
</div>
|
|
<button type="submit">登录</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|