feat(player): 统一移动端主题样式并优化多页面视觉一致性

将玩家端组件与核心页面全面切换为统一主题变量,优化卡片、按钮、弹窗、列表和盘口相关模块的视觉表现,并补充多语言文案以匹配新的交互与布局风格。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-16 15:55:28 +08:00
parent 4a93fcfce0
commit d2c0b575b7
51 changed files with 1539 additions and 1212 deletions

View File

@@ -79,12 +79,12 @@ const stats = computed(() => {
<style scoped>
.stats-panel {
background: #FFFFFF;
border: 1px solid #E5E7EB;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 8px;
padding: 14px 12px 10px;
margin-bottom: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.stats-row {
@@ -110,28 +110,28 @@ const stats = computed(() => {
font-size: 18px;
font-weight: 900;
font-variant-numeric: tabular-nums;
color: #1A1A2E;
color: var(--text);
}
.stat-val.small {
font-size: 14px;
color: #6B7280;
color: var(--text-muted);
}
.stat-val.gold {
color: #003D6B;
color: var(--primary);
}
.stat-item.won .stat-val { color: #059669; }
.stat-item.lost .stat-val { color: #DC2626; }
.stat-item.pending .stat-val { color: #F8971F; }
.stat-item.push .stat-val { color: #6B7280; }
.stat-item.won .stat-val { color: var(--success); }
.stat-item.lost .stat-val { color: var(--danger); }
.stat-item.pending .stat-val { color: var(--warning); }
.stat-item.push .stat-val { color: var(--text-muted); }
.stat-label {
display: block;
font-size: 10px;
font-weight: 700;
color: #6B7280;
color: var(--text-muted);
letter-spacing: 0.04em;
margin-top: 2px;
}
@@ -145,7 +145,7 @@ const stats = computed(() => {
}
.stats-bar.empty {
background: #E8EDF2;
background: var(--bg-elevated);
}
.bar-seg {
@@ -153,8 +153,8 @@ const stats = computed(() => {
transition: flex 0.3s ease;
}
.bar-seg.won { background: #059669; }
.bar-seg.lost { background: #DC2626; }
.bar-seg.pending { background: #F8971F; }
.bar-seg.push { background: #6B7280; }
.bar-seg.won { background: var(--success); }
.bar-seg.lost { background: var(--danger); }
.bar-seg.pending { background: var(--warning); }
.bar-seg.push { background: var(--text-muted); }
</style>