feat(player): 充值订单详情与审核记录,优化桌面端交互与记录列表样式

新增充值详情页及单条订单 API,修复桌面充值提交路径;充值/注单记录编号改为中性色,并包含桌面首页与投注相关 UI 改进。
This commit is contained in:
2026-07-02 10:47:46 +08:00
parent 49eb3cb7e0
commit 66ac69c7a7
31 changed files with 2251 additions and 905 deletions

View File

@@ -110,6 +110,13 @@ async function onAvatarSelect(key: string | null) {
<main class="account-main">
<div class="edit-layout">
<div class="page-header">
<button type="button" class="back-btn" @click="router.back()">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="19" y1="12" x2="5" y2="12"></line>
<polyline points="12 19 5 12 12 5"></polyline>
</svg>
<span>{{ t('common.back') || '返回' }}</span>
</button>
<h1 class="page-title">{{ t('profile.edit_title') }}</h1>
</div>
@@ -216,7 +223,42 @@ async function onAvatarSelect(key: string | null) {
.desktop-account-page { display: flex; flex-direction: column; min-height: 0; flex: 1; width: 100%; }
.account-main { flex: 1; min-width: 0; padding: 24px 28px; overflow-y: auto; }
.page-header { margin-bottom: 24px; }
.page-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}
.back-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 6px;
border: 1px solid var(--desktop-border);
background: rgba(255, 255, 255, 0.03);
color: var(--text-muted);
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s ease;
}
.back-btn:hover {
background: rgba(255, 255, 255, 0.08);
border-color: var(--border-gold-soft);
color: var(--primary-light);
}
.back-btn svg {
transition: transform 0.2s ease;
}
.back-btn:hover svg {
transform: translateX(-2px);
}
.page-title { font-size: 18px; font-weight: 800; color: var(--primary-light); margin: 0; }
.edit-layout {