feat(player): 新增桌面端 UI 与响应式双端路由架构

- 将原移动端页面重命名为 Mobile*,新增 22 个 Desktop* 视图与 DesktopShell 布局体系
- 路由入口改为 Wrapper 视图,通过 useViewport(≥1024px)自动切换移动/桌面端
- 新增投注单面板、盘口弹层、联赛侧栏、数据表格等桌面组件及独立样式令牌
- 扩展 betSlip store、串关筛选、冠军盘、Toast/悬浮信箱等交互与三语 i18n
- 公告/消息 Hub 拆分移动与桌面实现;API 投注/钱包/充值记录支持 pageSize 分页
This commit is contained in:
2026-06-29 18:01:39 +08:00
parent 9c5e8d6f5c
commit 8a1ba0fd95
116 changed files with 22249 additions and 8693 deletions

View File

@@ -7,7 +7,7 @@ const props = withDefaults(
teamCode?: string;
teamName?: string;
logoUrl?: string | null;
size?: 'sm' | 'md' | 'lg';
size?: 'sm' | 'md' | 'lg' | 'xl';
}>(),
{ size: 'md' },
);
@@ -80,6 +80,11 @@ watch(
height: 52px;
}
.team-emblem--xl {
width: 72px;
height: 72px;
}
/* 国旗:横向比例 + 铺满 */
.team-emblem:not(.team-emblem--logo) {
object-fit: cover;
@@ -102,6 +107,11 @@ watch(
height: 36px;
}
.team-emblem--xl:not(.team-emblem--logo) {
width: 80px;
height: 54px;
}
/* 队徽:正方形容器 + 完整显示 */
.team-emblem--logo {
object-fit: contain;
@@ -129,4 +139,8 @@ watch(
.team-emblem--lg.team-emblem--placeholder {
font-size: 22px;
}
.team-emblem--xl.team-emblem--placeholder {
font-size: 30px;
}
</style>