From b910496477c6a3456538b12e619494db8f9daa03 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Wed, 24 Dec 2025 17:55:18 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=90=20=E5=A4=84=E7=90=86=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/pageAnno/ta-card.vue | 27 +++++++++++++++++++++------
 src/pages/common/PageAnno.vue       |  5 +++--
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/components/pageAnno/ta-card.vue b/src/components/pageAnno/ta-card.vue
index eb0255e2..07c20aeb 100644
--- a/src/components/pageAnno/ta-card.vue
+++ b/src/components/pageAnno/ta-card.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :id="`anno_card_${props.anno.ann_id}`" class="anno-card">
+  <div :id="`anno_card_${props.anno.ann_id}`" class="anno-card" @click="console.log(props)">
     <div :title="props.anno.title" class="anno-cover" @click="createAnno">
       <TMiImg v-if="props.anno.banner !== ''" :ori="true" :src="props.anno.banner" alt="cover" />
       <img v-else alt="cover" src="/source/UI/defaultCover.webp" />
@@ -13,9 +13,9 @@
     <div :title="props.anno.title" class="anno-title" @click="shareAnno">
       {{ parseTitle(props.anno.subtitle) }}
     </div>
-    <div :title="`标签：${props.anno.tag_label}`" class="anno-label">
+    <div :title="`标签：${annoTag}`" class="anno-label">
       <TMiImg :ori="true" :src="props.anno.tag_icon" alt="tag" />
-      <span>{{ props.anno.tag_label }}</span>
+      <span>{{ annoTag }}</span>
     </div>
     <div class="anno-id">ID:{{ props.anno.ann_id }}</div>
   </div>
@@ -39,10 +39,9 @@ const { server, lang } = storeToRefs(useAppStore());
 const props = defineProps<TaCardProps>();
 const timeStr = ref<string>("");
 
+const annoTag = computed<string>(() => getTag());
 const idColor = computed<string>(() => str2Color(`${props.anno.ann_id}`, 0));
-const tagColor = computed<string>(() =>
-  str2Color(`${props.anno.tag_icon}${props.anno.tag_label}`, 40),
-);
+const tagColor = computed<string>(() => str2Color(`${props.anno.tag_icon}${annoTag.value}`, 40));
 
 onMounted(() => refreshAnnoTime());
 
@@ -53,6 +52,22 @@ watch(
   },
 );
 
+function getTag(): string {
+  switch (props.anno.tag_label) {
+    case "1":
+    case "11":
+    case "重要":
+      return "公告";
+    case "2":
+    case "扭蛋":
+      return "祈愿";
+    case "3":
+      return "活动";
+    default:
+      return props.anno.tag_label;
+  }
+}
+
 function parseTitle(title: string): string {
   const dom = new DOMParser().parseFromString(title, "text/html");
   return dom.body.innerText;
diff --git a/src/pages/common/PageAnno.vue b/src/pages/common/PageAnno.vue
index 8b0b2f7e..b0f435b2 100644
--- a/src/pages/common/PageAnno.vue
+++ b/src/pages/common/PageAnno.vue
@@ -4,8 +4,8 @@
     <template #prepend>
       <div class="pa-prepend">
         <v-tabs v-model="tab" align-tabs="start" class="pa-tabs">
-          <v-tab v-for="tab in tabList" :key="tab.id" :value="tab.id">
-            {{ tab.name }}
+          <v-tab v-for="tab in tabList" :key="tab.id" :value="tab.id" :title="tab.name">
+            {{ tab.mi18n_name }}
           </v-tab>
         </v-tabs>
         <div class="pa-selects">
@@ -150,6 +150,7 @@ async function loadData(): Promise<void> {
     `服务器：${gameEnum.serverDesc(server.value)}，语言：${gameEnum.anno.langDesc(lang.value)}`,
   );
   const listResp = await hk4eReq.anno.list(server.value, lang.value);
+  console.log("annoList", listResp);
   annoList.value = listResp;
   tabList.value = listResp.type_list;
   tab.value = tabList.value[0].id;