fix(player): 优化公告/消息详情页布局,隐藏右侧投注单

- 桌面端公告、消息详情页不再展示右侧投注单栏
- Hub 详情区移除重复返回按钮与竖排「查看全部公告」文字
- 左侧公告列表保留返回首页按钮
This commit is contained in:
2026-06-30 16:38:12 +08:00
parent 7f563326d8
commit e4ce5941a5
3 changed files with 11 additions and 4 deletions

View File

@@ -50,6 +50,9 @@ const showBetSlipRail = computed(() => {
const p = route.path;
if (p === '/bets' || p.startsWith('/bets/')) return false;
if (p.startsWith('/wallet') || p.startsWith('/profile')) return false;
if (route.params.id && (p.startsWith('/announcements/') || p.startsWith('/messages/'))) {
return false;
}
return true;
});

View File

@@ -114,9 +114,6 @@ watch(announcementId, () => {
</header>
<header v-else class="page-header page-header--hub">
<button type="button" class="back-btn" :aria-label="t('announcements.back')" @click="goList">
{{ t('announcements.view_all') }}
</button>
<h1>{{ t('announcements.detail_title') }}</h1>
</header>

View File

@@ -62,7 +62,14 @@ onActivated(() => {
<template>
<div class="announce-page" :class="{ 'is-embedded': embedded }">
<header class="page-header">
<button type="button" class="back-btn" :aria-label="t('announcements.back')" @click="onBack"></button>
<button
type="button"
class="back-btn"
:aria-label="t('announcements.back')"
@click="onBack"
>
</button>
<h1>{{ t('announcements.title') }}</h1>
</header>