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

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup lang="ts">
import { computed } from 'vue';
import { RouterLink, useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';
@@ -16,8 +16,7 @@ const activeTab = computed(() => {
if (p === '/') return 'home';
if (p === '/bet' || p.startsWith('/match/') || p.startsWith('/outright/')) return 'sports';
if (p === '/bets' || p.startsWith('/bets/')) return 'bet_history';
if (p.startsWith('/wallet') || p === '/profile/cashbacks') return 'wallet';
if (p.startsWith('/profile')) return 'profile';
if (p.startsWith('/wallet') || p.startsWith('/profile')) return 'my_wallet';
if (p.startsWith('/messages')) return 'messages';
return '';
});
@@ -57,17 +56,9 @@ const activeTab = computed(() => {
<RouterLink
to="/wallet"
class="nav-link"
:class="{ active: activeTab === 'wallet' }"
:class="{ active: activeTab === 'my_wallet' }"
>
{{ t('nav.wallet') }}
</RouterLink>
<RouterLink
to="/profile"
class="nav-link"
:class="{ active: activeTab === 'profile' }"
>
{{ t('nav.profile') }}
{{ t('nav.my_wallet') }}
</RouterLink>
</nav>