From 25129cf0872f12261162f729ae0a8b39c6ac9e6c Mon Sep 17 00:00:00 2001
From: Theo <971366405@qq.com>
Date: Mon, 6 Jan 2025 10:47:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重构通知预览
---
 .../system/notice/components/NoticeDetail.vue     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/system/notice/components/NoticeDetail.vue b/src/views/system/notice/components/NoticeDetail.vue
index f07a88fb..dd20a4c5 100644
--- a/src/views/system/notice/components/NoticeDetail.vue
+++ b/src/views/system/notice/components/NoticeDetail.vue
@@ -42,7 +42,7 @@
         {{ notice.publishTime }}
       </el-descriptions-item>
       <el-descriptions-item label="公告内容：">
-        <div v-html="notice.content" />
+        <div class="notice-content" v-html="notice.content" />
       </el-descriptions-item>
     </el-descriptions>
   </el-dialog>
@@ -77,4 +77,15 @@ defineExpose({
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.notice-content {
+  width: 100%;
+  overflow-x: hidden;
+}
+
+/* 由于 v-html 内容不受 scoped 样式影响，需要使用 :deep() */
+:deep(.notice-content img) {
+  max-width: 100%;
+  height: auto;
+}
+</style>