Files

60 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" />
<title>积分中心 - Echo Tavern</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
</head>
<body class="wallet-page"
data-user='{{ user | tojson | safe if user else "null" }}'
data-theme="{{ user.theme if user else 'dopamine' }}">
<header class="lobby-topbar">
<div class="brand-block">
<h1>积分中心</h1>
<p>查看余额、兑换激活码、查询积分流水与订单记录。</p>
</div>
<div class="top-actions">
{% if user %}
<a class="link-btn" href="{{ url_for('user_profile_page', username=user.username) }}">我的主页</a>
<a class="link-btn" href="{{ url_for('user_achievements_page', username=user.username) }}">我的成就</a>
<a class="link-btn" href="{{ url_for('store_page') }}">积分商城</a>
{% endif %}
<a class="link-btn" href="{{ url_for('rooms_page') }}">联机大厅</a>
<a class="link-btn" href="{{ url_for('index') }}">返回大厅</a>
</div>
</header>
<main class="plaza-grid">
<section class="card">
<h2>账户概览</h2>
<div id="wallet-balance" class="status-grid"></div>
<h2 style="margin-top: 1rem;">激活码充值</h2>
<form id="redeem-form">
<label for="redeem-code">输入激活码</label>
<input id="redeem-code" maxlength="64" placeholder="例如 ETXXXXXXXXXXXX" required />
<button type="submit">立即充值</button>
</form>
<p class="helper-text">同一激活码仅可使用一次,频繁尝试会触发风控。</p>
<h2 style="margin-top: 1rem;">到账提醒</h2>
<ul id="wallet-rewards" class="compact-list"></ul>
</section>
<section class="card">
<h2>积分流水</h2>
<div id="wallet-transactions" class="table-wrap"></div>
<h2 style="margin-top: 1rem;">我的订单</h2>
<div id="wallet-orders" class="table-wrap"></div>
</section>
</main>
<section id="status" class="status-banner"></section>
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
<script src="{{ url_for('static', filename='js/invite_notify.js') }}"></script>
<script src="{{ url_for('static', filename='js/wallet.js') }}"></script>
</body>
</html>