From f4d7e959ae3580833ca0156ff7d779544e9840f8 Mon Sep 17 00:00:00 2001
From: ZZY <2450266535@qq.com>
Date: Mon, 26 Aug 2024 23:27:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(NoteShower):=20=E4=BF=AE=E6=AD=A3=E5=86=85?=
 =?UTF-8?q?=E9=83=A8HTML=E5=88=B7=E6=96=B0=E5=AF=BC=E8=87=B4=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=86=B2=E7=AA=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前在NoteShower组件中，内部HTML内容是通过设置noteDoc变量直接注入的，这导致了样式冲突和页面渲染异常。此次修复通过注释掉Navbar组件并调整内部HTML内容的处理方式来解决这个问题。现在，使用div元素替换IFrame组件来显示noteDoc内容，同时，通过document.write方法来刷新页面内容，确保了页面样式的一致性和正确性。
---
 src/pages/NoteShower.vue | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/pages/NoteShower.vue b/src/pages/NoteShower.vue
index 7d4f279..0624c9c 100644
--- a/src/pages/NoteShower.vue
+++ b/src/pages/NoteShower.vue
@@ -1,23 +1,13 @@
 <template>
-    <Navbar/>
-    <!-- <Alert/> -->
-    <IFrame :frameUrl="noteUrl" :frameDoc="noteDoc"/>
 </template>
 
 <script setup lang='ts'>
-import { computed, onMounted, ref, watch } from "vue"
-import IFrame from '@/components/utils/IFrame.vue'
-import Navbar from "@/components/Navbar.vue";
-import Alert from '@/components/utils/Alert.vue'
+import { computed, onMounted, ref } from "vue"
 import FetchWrapper from "@/components/utils/FetchWapper";
 
 import { file_api } from '@/router/config.json';
 
 const props = defineProps(['note_name', 'token'])
-let isShow = ref(true)
-const noteUrl = ref()
-const noteDoc = ref()
-
 
 onMounted(() => {
   FetchWrapper.fetch(`${file_api.root_url}/${file_api.notes.url}/${props.note_name}?type=${file_api.notes.type}`,
@@ -36,13 +26,12 @@ onMounted(() => {
       return response.text();
     })
     .then(htmlText => {
-      noteUrl.value = null;
-      noteDoc.value = htmlText;
+      // document.body.innerHTML = htmlText ?? '<h1>404</h1>';
+      document.open();
+      document.write(htmlText ?? '<h1>404</h1>');
+      document.close();
     })
 });
-
-let msg = ref('msg')
-let btnTxt = ref('btnTxt')
 </script>
 
 <style scoped>