🎨 子窗口缩减为两个label Sub_window 和 Dev_JSON

src/components/home/t-pool.vue

@@ -175,7 +175,7 @@ async function toOuter(url: string, title: string): Promise<void> {
     showBar.value = true;
     return;
   }
-  createTGWindow(url, "祈愿", title, 1200, 800, true, true);
+  createTGWindow(url, "Sub_window", `Pool_${title}`, 1200, 800, true, true);
 }
 
 function toPost(pool: TGApp.Plugins.Mys.Gacha.RenderCard): void {
@@ -185,7 +185,7 @@ function toPost(pool: TGApp.Plugins.Mys.Gacha.RenderCard): void {
       post_id: pool.postId.toString(),
     },
   }).href;
-  createTGWindow(path, "限时祈愿", pool.title, 960, 720, false, false);
+  createTGWindow(path, "Sub_window", `Post_${pool.postId} ${pool.title}`, 960, 720, false, false);
 }
 
 onUnmounted(() => {

src/components/home/t-position.vue

@@ -116,7 +116,7 @@ async function toPost(card: TGApp.Plugins.Mys.Position.RenderCard): Promise<void
     },
   }).href;
   // 打开新窗口
-  createTGWindow(path, "近期活动", card.title, 960, 720, false, false);
+  createTGWindow(path, "Sub_window", `Post_${card.postId} ${card.title}`, 960, 720, false, false);
 }
 
 onUnmounted(() => {

src/components/overlay/to-calendar.vue

@@ -84,7 +84,7 @@ function toDetail(item: TGApp.App.Calendar.Item): void {
     return;
   }
   const url = Mys.Api.Obc.replace("{contentId}", item.contentId.toString());
-  createTGWindow(url, "素材详情", item.name, 1200, 800, true);
+  createTGWindow(url, "Sub_window", `Content_${item.contentId} ${item.name}`, 1200, 800, true);
 }
 </script>
 <style scoped>

src/pages/WIKI/Character.vue

@@ -28,7 +28,7 @@ function toOuter(item: TGApp.App.Character.WikiBriefInfo): void {
     return;
   }
   const url = Mys.Api.Obc.replace("{contentId}", item.contentId.toString());
-  createTGWindow(url, "角色详情", item.name, 1200, 800, true);
+  createTGWindow(url, "Sub_window", `Content_${item.contentId} ${item.name}`, 1200, 800, true);
 }
 </script>
 <style scoped>

src/pages/WIKI/GCG.vue

@@ -146,7 +146,7 @@ function toOuter(cardName: string, cardId: number): void {
     return;
   }
   const url = Mys.Api.Obc.replace("{contentId}", cardId.toString());
-  createTGWindow(url, "GCG", cardName, 1200, 800, true);
+  createTGWindow(url, "Sub_window", `Content_${cardId} ${cardName}`, 1200, 800, true);
 }
 
 async function searchCard(): Promise<void> {

src/pages/WIKI/Weapon.vue

@@ -28,7 +28,7 @@ function toOuter(item: TGApp.App.Weapon.WikiBriefInfo): void {
     return;
   }
   const url = Mys.Api.Obc.replace("{contentId}", item.contentId.toString());
-  createTGWindow(url, "武器详情", item.name, 1200, 800, true);
+  createTGWindow(url, "Sub_window", `Content_${item.contentId} ${item.name}`, 1200, 800, true);
 }
 </script>
 <style scoped>

src/pages/common/Achievements.vue

@@ -231,7 +231,14 @@ async function selectSeries(index: number): Promise<void> {
 
 // 打开图片
 function openImg(): void {
-  createTGWindow(getCardImg.value.profile, "nameCard", getCardInfo.value.name, 840, 400, false);
+  createTGWindow(
+    getCardImg.value.profile,
+    "Sub_window",
+    `Namecard_${getCardInfo.value.name}`,
+    840,
+    400,
+    false,
+  );
 }
 
 async function searchCard(): Promise<void> {

src/pages/common/Announcements.vue

@@ -32,7 +32,12 @@
               {{ item.startTime.split(" ")[0] }}~{{ item.endTime.split(" ")[0] }}
             </v-card-subtitle>
             <v-card-subtitle v-show="appStore.devMode"> id: {{ item.id }} </v-card-subtitle>
-            <v-btn v-show="appStore.devMode" class="anno-dev-btn" @click="toJson(item)">
+            <v-btn
+              v-show="appStore.devMode"
+              variant="outlined"
+              class="anno-dev-btn"
+              @click="toJson(item)"
+            >
               <img src="../../assets/icons/arrow-right.svg" alt="right" />
               <span>查看数据</span>
             </v-btn>
@@ -58,7 +63,12 @@
               {{ item.startTime.split(" ")[0] }}~{{ item.endTime.split(" ")[0] }}
             </v-card-subtitle>
             <v-card-subtitle v-show="appStore.devMode"> id: {{ item.id }} </v-card-subtitle>
-            <v-btn v-show="appStore.devMode" class="anno-dev-btn" @click="toJson(item)">
+            <v-btn
+              v-show="appStore.devMode"
+              variant="outlined"
+              class="anno-dev-btn"
+              @click="toJson(item)"
+            >
               <img src="../../assets/icons/arrow-right.svg" alt="right" />
               <span>查看数据</span>
             </v-btn>
@@ -128,7 +138,7 @@ async function toPost(item: TGApp.App.Announcement.ListCard): Promise<void> {
       anno_id: item.id,
     },
   }).href;
-  createTGWindow(path, "游戏内公告", item.title, 960, 720, false, false);
+  createTGWindow(path, "Sub_window", `Anno_${item.id} ${item.title}`, 960, 720, false, false);
 }
 
 async function toJson(item: TGApp.App.Announcement.ListCard): Promise<void> {
@@ -138,7 +148,7 @@ async function toJson(item: TGApp.App.Announcement.ListCard): Promise<void> {
       anno_id: item.id,
     },
   }).href;
-  createTGWindow(path, "游戏内公告-JSON", item.title, 960, 720, false, false);
+  createTGWindow(path, "Dev_JSON", `Anno_${item.id}_JSON ${item.title}`, 960, 720, false, false);
 }
 </script>
 
@@ -216,18 +226,19 @@ async function toJson(item: TGApp.App.Announcement.ListCard): Promise<void> {
 }
 
 .anno-dev-btn {
-  background: var(--box-bg-t-1);
+  border: 1px solid var(--common-shadow-4);
-  color: var(--btn-text);
+  border-radius: 5px;
+  margin-left: auto;
   font-family: var(--font-title);
 }
 
 .anno-dev-btn img {
   width: 20px;
   height: 20px;
-  padding: 2px;
+  padding: 3px;
   border-radius: 50%;
   margin-right: 5px;
-  background: var(--common-shadow-t-4);
+  background: var(--common-shadow-4);
   object-fit: cover;
 }
 </style>

src/views/t-anno.vue

@@ -1,4 +1,5 @@
 <!-- eslint-disable vue/no-v-html -->
+<!-- todo 优化显示样式 -->
 <template>
   <TSwitchTheme />
   <TShareBtn
@@ -66,14 +67,14 @@ onMounted(async () => {
     loadingTitle.value = "正在渲染数据...";
     annoHtml.value = await TGUtils.Anno.parseContent(annoData.value.content);
     if (annoData.value.banner !== "") annoBanner.value = await saveImgLocal(annoData.value.banner);
-    annoTitle.value = `【公告】${annoId}-${annoData.value.title}`;
+    annoTitle.value = `Anno_${annoId}`;
-    await appWindow.setTitle(annoTitle.value);
+    await appWindow.setTitle(`Anno_${annoId} ${annoData.value.title}`);
     annoRef.value = <HTMLElement>document.querySelector(".anno-body");
   } catch (error) {
     console.error(error);
     loadingEmpty.value = true;
     loadingTitle.value = "公告不存在或解析失败";
-    await appWindow.setTitle(`【公告】${annoId}-公告不存在或解析失败`);
+    await appWindow.setTitle(`Anno_${annoId} Parsing Error`);
     return;
   }
   setTimeout(() => {

src/views/t-news.vue

@@ -406,7 +406,7 @@ async function toPost(item: TGApp.Plugins.Mys.News.RenderCard | string): Promise
         post_id: item,
       },
     }).href;
-    createTGWindow(path, "帖子-Dev", item, 960, 720, false, false);
+    createTGWindow(path, "Sub_window", `Post_${item}`, 960, 720, false, false);
   } else {
     const path = router.resolve({
       name: "帖子详情",
@@ -414,7 +414,7 @@ async function toPost(item: TGApp.Plugins.Mys.News.RenderCard | string): Promise
         post_id: item.postId.toString(),
       },
     }).href;
-    createTGWindow(path, "帖子", item.title, 960, 720, false, false);
+    createTGWindow(path, "Sub_window", `Post_${item.postId} ${item.title}`, 960, 720, false, false);
   }
 }
 
@@ -426,7 +426,7 @@ async function toJson(item: TGApp.Plugins.Mys.News.RenderCard | string): Promise
         post_id: item,
       },
     }).href;
-    createTGWindow(path, "帖子-JSON-Dev", `${item}-JSON`, 960, 720, false, false);
+    createTGWindow(path, "Dev_JSON", `Post_${item}_JSON`, 960, 720, false, false);
   } else {
     const path = router.resolve({
       name: "帖子详情（JSON）",
@@ -434,7 +434,15 @@ async function toJson(item: TGApp.Plugins.Mys.News.RenderCard | string): Promise
         post_id: item.postId.toString(),
       },
     }).href;
-    createTGWindow(path, "帖子-JSON", `${item.title}-JSON`, 960, 720, false, false);
+    createTGWindow(
+      path,
+      "Dev_JSON",
+      `Post_${item.postId}_JSON ${item.title}`,
+      960,
+      720,
+      false,
+      false,
+    );
   }
 }
 

src/views/t-post.vue

@@ -1,4 +1,5 @@
 <!-- eslint-disable vue/no-v-html -->
+<!-- todo 添加更多信息 -->
 <template>
   <TSwitchTheme />
   <TShareBtn
@@ -71,15 +72,15 @@ onMounted(async () => {
       created: new Date(postData.post.created_at * 1000).toLocaleString().replace(/\//g, "-"),
       updated: new Date(postData.post.updated_at * 1000).toLocaleString().replace(/\//g, "-"),
     };
-    shareTitle.value = `【帖子】${postId}-${postData.post.subject}`;
+    shareTitle.value = `Post_${postId}`;
     postRef.value = <HTMLElement>document.querySelector(".mys-post-body");
-    await appWindow.setTitle(shareTitle.value);
+    await appWindow.setTitle(`Post_${postId} ${postData.post.subject}`);
   } catch (error) {
     console.error(error);
     loadingEmpty.value = true;
     loadingTitle.value = "帖子不存在或解析失败";
     loadingSub.value = error instanceof Error ? error.message : <string>error;
-    await appWindow.setTitle(`【帖子】${postId}-解析失败`);
+    await appWindow.setTitle(`Post_${postId} Parsing Error`);
     return;
   }
   setTimeout(() => {