feat(player+api): 桌面端钱包/注单栏重构,首页快速下注与移动端体验优化

桌面端:
- 新增 DesktopWalletPageHeader 统一钱包子导航,移除重复大标题
- 重构我的余额页布局(居中窄卡片 + 余额/统计/账户设置)
- 新增 DesktopBetSlipRail 可折叠注单侧栏,优化 BetSlipPanel 交互
- 首页 upcoming 赛事卡片支持胜平负/让球/大小球快速下注
- 优化 DesktopShell 布局、3D 轮播、各账户/消息/充值页面样式

移动端:
- 重构 MobileWalletView 钱包页 UI
- 修复 MarketSelectionsPanel 下注区黑色背景问题
- 新增 PageBackButton 与 useSmartBack 智能返回逻辑
- 优化公告/消息/个人中心等详情页导航

API:
- listUpcomingPublished 支持 includeMarkets,返回首页卡片所需核心玩法
This commit is contained in:
2026-06-30 16:11:27 +08:00
parent ef5b9416cc
commit 7f563326d8
73 changed files with 2866 additions and 1552 deletions

View File

@@ -79,7 +79,7 @@ const panelStyle = computed(() =>
<style scoped>
.wrap {
padding: 6px 8px 8px;
background: #0c0c0c;
background: #F5F7FA;
}
.wrap.compact {
@@ -184,46 +184,54 @@ const panelStyle = computed(() =>
gap: 2px;
min-height: 44px;
padding: 6px 4px;
border-radius: 4px;
background: #141414;
border: 1px solid #262626;
border-radius: 8px;
background: #FFFFFF;
border: 1px solid #CBD5E1;
text-align: center;
transition: border-color 0.15s ease, background 0.15s ease;
cursor: pointer;
}
.odds-btn:hover:not(.odds-btn--locked) {
border-color: var(--primary-light);
background: var(--bg-hover);
}
.odds-btn.selected {
border-color: var(--primary);
background: rgba(212, 175, 55, 0.14);
box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35), 0 0 0 1px rgba(212, 175, 55, 0.2);
border-width: 2px;
background: rgba(0, 61, 107, 0.08);
}
.odds-btn.selected .label {
color: #e8d48a;
color: var(--primary);
}
.odds-btn.selected .odds {
color: #f0d875;
color: var(--odds-accent);
}
.odds-btn--locked {
background: #111;
border-color: #333;
background: #E8EDF2;
border-color: #E5E7EB;
cursor: not-allowed;
}
.odds-btn--locked .label,
.odds-btn--locked .odds {
color: #666;
color: #6B7280;
}
.label {
font-size: 9px;
color: var(--text-muted);
font-size: 10px;
color: #4B5563;
line-height: 1.15;
font-weight: 600;
}
.odds {
font-size: 14px;
font-size: 15px;
font-weight: 800;
color: var(--primary-light);
color: var(--odds-accent);
}
</style>