91 lines
4.1 KiB
HTML
91 lines
4.1 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>H5添加账户</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
||
<style>
|
||
.account-card {
|
||
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
||
transition: transform 0.3s;
|
||
}
|
||
.account-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
.form-container {
|
||
max-width: 600px;
|
||
margin: 0 auto;
|
||
}
|
||
.form-hint {
|
||
font-size: 0.8rem;
|
||
color: #6c757d;
|
||
margin-top: 0.25rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-light">
|
||
<div class="container py-4">
|
||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||
<h1 class="display-5 text-primary">添加新账户</h1>
|
||
<a href="{{ url_for('get_h5_account_info') }}" class="btn btn-outline-secondary">
|
||
<i class="bi bi-arrow-left"></i> 返回
|
||
</a>
|
||
</div>
|
||
|
||
<div class="card account-card">
|
||
<div class="card-body">
|
||
<form method="POST" class="form-container">
|
||
<div class="mb-3">
|
||
<label for="account" class="form-label">账户名称：</label>
|
||
<input type="text" class="form-control" id="account" name="account_name" required
|
||
pattern="[A-Za-z0-9]+" title="只能包含字母和数字">
|
||
<div class="form-hint">只能包含字母和数字</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="taskTotal" class="form-label">新增任务总数：</label>
|
||
<input type="number" class="form-control" id="taskTotal" name="task_total" required
|
||
min="1" step="1" placeholder="请输入正整数">
|
||
<div class="form-hint">需要输入数字</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="keepRate" class="form-label">留存比率：</label>
|
||
<input type="text" class="form-control" id="keepRate" name="keep_rate" required
|
||
pattern="^(0\.[0-9]+)(,0\.[0-9]+)*$"
|
||
placeholder="0.5,0.3,0.18,0.11,0.09,0.06,0.04">
|
||
<div class="form-hint">请输入逗号分隔的小数值，如示例格式</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="countries" class="form-label">国家列表：</label>
|
||
<input type="text" class="form-control" id="countries" name="countries" required
|
||
pattern="^[A-Za-z]{2}(,[A-Za-z]{2})*$"
|
||
placeholder="US,UK,JP,CN">
|
||
<div class="form-hint">请输入逗号分隔的国家代码，如US,UK,JP</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="linkUrl" class="form-label">链接地址：</label>
|
||
<input type="url" class="form-control" id="linkUrl" name="link_url" required
|
||
placeholder="https://example.com">
|
||
<div class="form-hint">请输入有效的URL地址</div>
|
||
</div>
|
||
|
||
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
|
||
<button type="submit" class="btn btn-primary">
|
||
<i class="bi bi-check-circle"></i> 提交
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
</body>
|
||
</html>
|