38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>小红书创作者中心登录</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; background: #f7f7f7; }
|
|
.container { max-width: 400px; margin: 80px auto; background: #fff; padding: 32px 24px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
|
h2 { text-align: center; margin-bottom: 24px; }
|
|
label { display: block; margin-bottom: 8px; }
|
|
input[type="text"] { width: 100%; padding: 8px; margin-bottom: 16px; border: 1px solid #ddd; border-radius: 4px; }
|
|
button { width: 100%; padding: 10px; background: #e34f4f; color: #fff; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; }
|
|
.msg { color: #e34f4f; text-align: center; margin-bottom: 16px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h2>小红书创作者中心登录</h2>
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="msg">{{ messages[0] }}</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
<form method="post" action="/send_code">
|
|
<label for="phone">手机号：</label>
|
|
<input type="text" id="phone" name="phone" placeholder="请输入手机号" required>
|
|
<button type="submit">发送验证码</button>
|
|
</form>
|
|
<form method="post" action="/login">
|
|
<label for="code">验证码：</label>
|
|
<input type="text" id="code" name="code" placeholder="请输入验证码" required>
|
|
<button type="submit">登录</button>
|
|
</form>
|
|
<p style="color:#888;font-size:13px;text-align:center;margin-top:18px;">请先在小红书页面点击“发送验证码”后再输入收到的验证码</p>
|
|
</div>
|
|
</body>
|
|
</html>
|