style: separate header back-bar and tabs in InboxHubView on theme-2

apps/player/src/components/BannerCarousel.vue

@@ -13,7 +13,11 @@ export interface BannerItem {
   translation?: { title?: string; body?: string; imageUrl?: string };
 }
 
-const props = defineProps<{ banners: BannerItem[] }>();
+const props = defineProps<{
+  banners: BannerItem[];
+  /** 未配置跳转链接时的默认路由 */
+  fallbackTo?: string;
+}>();
 
 const router = useRouter();
 const active = ref(0);
@@ -51,14 +55,12 @@ function prev() {
 }
 
 function onBannerClick(banner: BannerItem) {
-  if (banner.linkType === 'ROUTE' && banner.linkTarget) {
+  if (banner.id) {
-    router.push(banner.linkTarget);
+    void router.push(`/announcements/${banner.id}`);
     return;
   }
-  if (banner.linkType === 'URL' && banner.linkTarget) {
+  if (props.fallbackTo) {
-    let url = banner.linkTarget.trim();
+    void router.push(props.fallbackTo);
-    if (!/^https?:\/\//i.test(url)) url = `https://${url}`;
-    window.open(url, '_blank');
   }
 }
 

apps/player/src/constants/defaultBanner.ts

@@ -7,8 +7,6 @@ const FALLBACK_BANNER_URL = '/uploads/banners/welcome.svg';
 
 export const DEFAULT_BANNER: BannerItem = {
   id: 'default',
-  linkType: 'ROUTE',
-  linkTarget: '/bet',
   translation: {
     title: '',
     imageUrl: defaultBannerImg,

apps/player/src/views/InboxHubView.vue

@@ -107,13 +107,12 @@ onActivated(() => {
 
 <template>
   <div class="inbox-hub" :class="{ 'inbox-hub--tabs': inboxEnabled }">
-    <header v-if="!inboxEnabled" class="page-header">
+    <header class="page-header">
       <button type="button" class="back-btn" :aria-label="t('messages.back')" @click="goBack">‹</button>
       <h1>{{ t(hubTitleKey) }}</h1>
     </header>
 
     <div v-if="inboxEnabled" class="hub-top-bar">
-      <button type="button" class="hub-back-btn" :aria-label="t('messages.back')" @click="goBack">‹</button>
       <nav class="hub-tabs" role="tablist">
         <button
           type="button"
@@ -217,26 +216,11 @@ onActivated(() => {
 }
 
 .hub-top-bar {
-  display: flex;
-  align-items: stretch;
-  gap: 6px;
   margin: 0;
   border-bottom: 1px solid var(--border);
 }
 
-.hub-back-btn {
+
-  flex-shrink: 0;
-  align-self: center;
-  width: 32px;
-  height: 32px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  background: var(--bg-card);
-  color: var(--primary);
-  font-size: 20px;
-  line-height: 1;
-  cursor: pointer;
-}
 
 .hub-tabs {
   flex: 1;