feat(player): 新增桌面端 UI 与响应式双端路由架构
- 将原移动端页面重命名为 Mobile*,新增 22 个 Desktop* 视图与 DesktopShell 布局体系 - 路由入口改为 Wrapper 视图,通过 useViewport(≥1024px)自动切换移动/桌面端 - 新增投注单面板、盘口弹层、联赛侧栏、数据表格等桌面组件及独立样式令牌 - 扩展 betSlip store、串关筛选、冠军盘、Toast/悬浮信箱等交互与三语 i18n - 公告/消息 Hub 拆分移动与桌面实现;API 投注/钱包/充值记录支持 pageSize 分页
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* Desktop Announcement Detail View
|
||||
* Reuses the existing AnnouncementDetailView component in a desktop shell wrapper.
|
||||
*/
|
||||
import AnnouncementDetailView from '../AnnouncementDetailView.vue';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="desktop-content-shell">
|
||||
<div class="content-main">
|
||||
<AnnouncementDetailView />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.desktop-content-shell {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.content-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 20px 24px 28px;
|
||||
overflow-y: auto;
|
||||
max-width: 760px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user