From bd75cc432ccd410f825c85a3fae7dec0313a6a62 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Fri, 16 Jun 2023 17:15:22 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=8F=82=E7=85=A7=20anno=20?=
 =?UTF-8?q?=E7=BE=8E=E5=8C=96=20post?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/anno-parser.css |  9 +++------
 src/assets/css/post-parser.css | 15 +++++++++++++++
 src/views/t-post.vue           | 32 +++++++++++++++++++++++++-------
 src/web/utils/parseAnno.ts     |  2 +-
 4 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/anno-parser.css b/src/assets/css/anno-parser.css
index 9bfb9025..07cf2f6e 100644
--- a/src/assets/css/anno-parser.css
+++ b/src/assets/css/anno-parser.css
@@ -12,17 +12,14 @@
 }
 
 .anno-title {
-  font-family: Genshin, serif;
-  color: #5b738f;
+  font-family: var(--font-title);
+  color: var(--common-text);
   font-size: 24px;
-  font-weight: 500;
-  margin-bottom: 8px;
 }
 
 .anno-subtitle {
   font-size: 16px;
-  color: #a1aeb6;
-  margin-bottom: 16px;
+  color: var(--common-text-3);
 }
 
 .anno-img {
diff --git a/src/assets/css/post-parser.css b/src/assets/css/post-parser.css
index c79abe59..74ad9c71 100644
--- a/src/assets/css/post-parser.css
+++ b/src/assets/css/post-parser.css
@@ -12,6 +12,21 @@
   color: var(--post-default-text);
 }
 
+.mys-post-title {
+  font-family: var(--font-title);
+  color: var(--common-text);
+  font-size: 24px;
+}
+
+.mys-post-subtitle {
+  font-size: 16px;
+  color: var(--common-text-3);
+}
+
+.mys-post-content {
+  line-height: 2;
+}
+
 :deep(.mys-post-div) {
   margin: 20px auto;
 }
diff --git a/src/views/t-post.vue b/src/views/t-post.vue
index d67f5f66..bd83a1f1 100644
--- a/src/views/t-post.vue
+++ b/src/views/t-post.vue
@@ -1,9 +1,18 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <TSwitchTheme />
-  <TShareBtn v-show="!loadingEmpty" v-model="postRef" :title="postTitle" />
+  <TShareBtn v-show="!loadingEmpty" v-model="postRef" :title="shareTitle" />
   <TOLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
-  <div class="mys-post-body" v-html="postHtml" />
+  <div class="mys-post-body">
+    <div class="mys-post-title">
+      {{ postRender.title }}
+    </div>
+    <div class="mys-post-subtitle">
+      <span>创建时间：{{ postRender.created }}&emsp;</span>
+      <span>更新时间：{{ postRender.updated }}</span>
+    </div>
+    <div class="mys-post-content" v-html="postHtml" />
+  </div>
 </template>
 <script lang="ts" setup>
 // vue
@@ -24,12 +33,16 @@ const loadingEmpty = ref(false as boolean);
 
 // share
 const postRef = ref({} as HTMLElement);
-const postTitle = ref("");
+const shareTitle = ref("");
 
 // 数据
 const postId = Number(useRoute().params.post_id);
 const postHtml = ref("");
-
+const postRender = ref({
+  title: "",
+  created: "",
+  updated: "",
+});
 
 onMounted(async () => {
   await appWindow.show();
@@ -46,14 +59,19 @@ onMounted(async () => {
     const postData = await MysOper.Post.get(postId);
     loadingTitle.value = "正在渲染数据...";
     postHtml.value = MysOper.Post.parser(postData);
-    postTitle.value = `【帖子】${postData.post.post_id}-${postData.post.subject}`;
+    postRender.value = {
+      title: postData.post.subject,
+      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}`;
     postRef.value = document.querySelector(".mys-post-body") as HTMLElement;
-    await appWindow.setTitle(postData.post.subject);
+    await appWindow.setTitle(shareTitle.value);
   } catch (error) {
     console.error(error);
     loadingEmpty.value = true;
     loadingTitle.value = "帖子不存在或解析失败";
-    await appWindow.setTitle("帖子不存在或解析失败");
+    await appWindow.setTitle(`【帖子】${postId}-解析失败`);
     return;
   }
   setTimeout(() => {
diff --git a/src/web/utils/parseAnno.ts b/src/web/utils/parseAnno.ts
index 6b1ad705..a081cf56 100644
--- a/src/web/utils/parseAnno.ts
+++ b/src/web/utils/parseAnno.ts
@@ -14,7 +14,7 @@ import { saveImgLocal } from "../../utils/TGShare";
  * @param {string} data 游戏内公告数据
  * @returns {Promise<string>} 解析后的数据
  */
-export async function parseAnnoContent(data: string): Promise<string> {
+export async function parseAnnoContent (data: string): Promise<string> {
   const htmlBase = new DOMParser().parseFromString(data, "text/html");
   htmlBase.querySelectorAll("span").forEach((span) => {
     if (span.style.fontSize) {