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,12 +1,17 @@
<script setup lang="ts">
<script setup lang="ts">
/**
* Desktop Forgot Password View
*/
import { RouterLink } from 'vue-router';
import { useI18n } from 'vue-i18n';
import ForgotPasswordView from '../ForgotPasswordView.vue';
const { t } = useI18n();
</script>
<template>
<div class="desktop-auth-shell">
<RouterLink to="/login" class="auth-back-link">{{ t('common.back') }}</RouterLink>
<div class="auth-brand">
<div class="brand-inner">
<img src="/logo.png" alt="TheBet365" class="brand-logo" />
@@ -27,6 +32,23 @@ import ForgotPasswordView from '../ForgotPasswordView.vue';
display: flex;
min-height: 100vh;
background: var(--desktop-bg);
position: relative;
}
.auth-back-link {
position: absolute;
top: 20px;
left: 24px;
z-index: 2;
color: var(--text-muted);
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: color 0.2s;
}
.auth-back-link:hover {
color: var(--text);
}
.auth-brand {
@@ -34,7 +56,7 @@ import ForgotPasswordView from '../ForgotPasswordView.vue';
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #0a0a0a 0%, #111 50%, #0d0d0d 100%);
background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 50%, var(--bg-card) 100%);
border-right: 1px solid var(--desktop-border);
position: relative;
overflow: hidden;