69 lines
2.7 KiB
HTML
69 lines
2.7 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="store-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('wallet_page') }}">积分中心</a>
|
|
<a class="link-btn" href="{{ url_for('user_achievements_page', username=user.username) }}">我的成就</a>
|
|
{% endif %}
|
|
<a class="link-btn" href="{{ url_for('plaza_page') }}">游戏卡广场</a>
|
|
<a class="link-btn" href="{{ url_for('index') }}">返回大厅</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="plaza-grid">
|
|
<section class="card">
|
|
<h2>商品列表</h2>
|
|
<form id="store-search-form">
|
|
<label for="store-type">商品类型</label>
|
|
<select id="store-type">
|
|
<option value="">全部</option>
|
|
<option value="game_card">游戏卡</option>
|
|
<option value="module">扩展模组</option>
|
|
<option value="decoration">装扮</option>
|
|
<option value="privilege">功能特权</option>
|
|
<option value="bundle">礼包</option>
|
|
</select>
|
|
<label for="store-q">关键词</label>
|
|
<input id="store-q" maxlength="80" placeholder="输入商品名或描述关键词" />
|
|
<button type="submit" class="secondary-btn">筛选</button>
|
|
</form>
|
|
<div id="store-items" class="cards-grid" style="margin-top: 0.8rem;"></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>余额信息</h2>
|
|
<div id="store-points" class="status-grid"></div>
|
|
|
|
<h2 style="margin-top: 1rem;">商品详情</h2>
|
|
<div id="store-detail" class="profile-hero"></div>
|
|
|
|
<h2 style="margin-top: 1rem;">我的权益</h2>
|
|
<ul id="store-entitlements" class="compact-list"></ul>
|
|
|
|
<h2 style="margin-top: 1rem;">最近订单</h2>
|
|
<div id="store-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/store.js') }}"></script>
|
|
</body>
|
|
</html>
|