feat(player): 统一移动端主题样式并优化多页面视觉一致性
将玩家端组件与核心页面全面切换为统一主题变量,优化卡片、按钮、弹窗、列表和盘口相关模块的视觉表现,并补充多语言文案以匹配新的交互与布局风格。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user