From 34643397d8c6f1548ceeb3645afee1aa3fb888cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=8F=E6=B2=AB=E8=8A=B1=E7=81=ABzzz=F0=9F=8C=99?=
 <xmcn@1l1.icu>
Date: Tue, 4 Feb 2025 23:38:25 +0800
Subject: [PATCH] [*] Fix markdown css

---
 package.json                 | 1 +
 src/assets/style.css         | 2 +-
 src/components/TheHeader.vue | 2 +-
 src/main.js                  | 1 +
 src/views/DashboardView.vue  | 4 ++--
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 4d8bf44..27a8c70 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@vicons/ionicons5": "^0.13.0",
     "@vicons/material": "^0.13.0",
     "axios": "^1.7.9",
+    "github-markdown-css": "^5.8.1",
     "highlight.js": "^11.10.0",
     "js-cookie": "^3.0.5",
     "json": "^11.0.0",
diff --git a/src/assets/style.css b/src/assets/style.css
index 9d7e934..782b424 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -3,7 +3,7 @@
   filter: grayscale(1);
 }*/
 
-@import "tailwindcss";
+@import 'tailwindcss';
 
 * {
   margin: 0;
diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
index a056106..c3fd293 100644
--- a/src/components/TheHeader.vue
+++ b/src/components/TheHeader.vue
@@ -9,7 +9,7 @@
     :bordered="false"
     :segmented="{ content: 'soft', footer: 'soft' }"
   >
-    <n-p v-html="announcementHtml"></n-p>
+    <n-text class="markdown-body" v-html="announcementHtml"></n-text>
   </n-modal>
   <n-space justify="space-between">
     <n-gradient-text
diff --git a/src/main.js b/src/main.js
index 70cd86b..a284329 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import '@/assets/style.css'
 import '@/assets/twemoji-amazing.css'
+import 'github-markdown-css/github-markdown.css'
 import App from './App.vue'
 import router from '@router'
 import axios from 'axios'
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index e24a1f1..778b3fd 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -132,7 +132,7 @@
     <n-grid-item span="0:3 600:2">
       <n-card title="公告" size="large">
         <n-spin :show="broadcastLoading">
-          <n-text v-html="broadcastHtml" id="boardrcast"></n-text>
+          <n-text class="markdown-body" v-html="broadcastHtml" id="boardrcast"></n-text>
         </n-spin>
         <br />
       </n-card>
@@ -189,7 +189,7 @@ const broadcastHtml = ref('')
 const broadcastLoading = ref(true)
 
 onMounted(async () => {
-  let result = await notice.getNotice()
+  const result = await notice.getNotice()
   broadcastHtml.value = result.broadcast
   broadcastLoading.value = false
 })