From 1aacaa85d104c05b217dece91c7dd75a07dfb509 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BF=9E=E5=AE=9D=E5=B1=B1?= <1253070437@qq.com>
Date: Tue, 21 Apr 2026 23:53:37 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=9B=B4=E6=96=B0=E3=80=91=E5=AF=B9PR?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E8=BF=9B=E8=A1=8C=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/XnFormContainer/index.vue  | 24 ++++++++++++-------
 .../src/layout/components/message.vue         |  2 --
 snowy-admin-web/src/style/index.less          |  8 +------
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/snowy-admin-web/src/components/XnFormContainer/index.vue b/snowy-admin-web/src/components/XnFormContainer/index.vue
index a0beedbd..91042269 100644
--- a/snowy-admin-web/src/components/XnFormContainer/index.vue
+++ b/snowy-admin-web/src/components/XnFormContainer/index.vue
@@ -2,7 +2,7 @@
 	<a-modal
 		v-if="isModal"
 		v-bind="$attrs"
-		:open="visible"
+		:open="isOpen"
 		:width="modalWidth"
 		:footer="slotKeys.includes('footer') ? undefined : null"
 		:wrap-class-name="wrapClassName + fullscreenClass"
@@ -60,7 +60,8 @@
 	<a-drawer
 		v-else
 		v-bind="$attrs"
-		:open="visible"
+		:open="isOpen"
+		:title="title"
 		:width="drawerWidth"
 		:footer-style="{ textAlign: 'right' }"
 		@close="cancel"
@@ -79,6 +80,11 @@
 	const slots = useSlots()
 	const store = globalStore()
 	const props = defineProps({
+		open: {
+			type: Boolean,
+			default: false,
+			required: false
+		},
 		visible: {
 			type: Boolean,
 			default: false,
@@ -111,9 +117,12 @@
 		return FormContainerTypeEnum.MODAL === formStyle.value
 	})
 
-	const emit = defineEmits(['close', 'fullscreen'])
+	const isOpen = computed(() => props.open || props.visible)
+
+	const emit = defineEmits(['close', 'fullscreen', 'update:open'])
 
 	const cancel = () => {
+		emit('update:open', false)
 		emit('close')
 	}
 
@@ -204,12 +213,9 @@
 		})
 	}
 
-	watch(
-		() => props.visible,
-		() => {
-			if (!props.visible) toggleResetDrag()
-		}
-	)
+	watch(isOpen, () => {
+		if (!isOpen.value) toggleResetDrag()
+	})
 
 	// 监听窗口大小变化
 	const handleResize = () => {
diff --git a/snowy-admin-web/src/layout/components/message.vue b/snowy-admin-web/src/layout/components/message.vue
index 7d47e9ae..25e4d669 100644
--- a/snowy-admin-web/src/layout/components/message.vue
+++ b/snowy-admin-web/src/layout/components/message.vue
@@ -242,13 +242,11 @@
 		}
 
 		&.unread {
-			background-color: #f0f9ff;
 			&:hover {
 				background-color: #e6f7ff;
 			}
 			.msg-title {
 				font-weight: 600;
-				color: #1890ff;
 			}
 		}
 	}
diff --git a/snowy-admin-web/src/style/index.less b/snowy-admin-web/src/style/index.less
index 5dcc62bb..ba0a4071 100644
--- a/snowy-admin-web/src/style/index.less
+++ b/snowy-admin-web/src/style/index.less
@@ -536,28 +536,24 @@ body,
 
 // ant-modal-header 样式
 .ant-modal .ant-modal-header {
-	margin: -20px -24px 0 -24px;
+	margin: -20px -24px 20px -24px;
 	padding: 12px 24px;
 	background: rgb(from var(--primary-color) r g b / 10%);
 }
-
 // ant-modal-title 样式
 .ant-modal .ant-modal-title {
 	margin-right: 22px;
 }
-
 // ant-modal-close 样式
 .ant-modal .ant-modal-close {
 	top: 12px;
 	line-height: 1.5;
 	inset-inline-end: 24px;
 }
-
 // ant-modal-close-x 样式
 .ant-modal .ant-modal-close-x {
 	line-height: 1.5;
 }
-
 // ant-modal 全屏
 .full-modal {
 	.ant-modal {
@@ -576,7 +572,6 @@ body,
 		overflow: auto;
 	}
 }
-
 // ant-modal 自定义按钮
 .ant-modal-action {
 	display: inline-flex;
@@ -602,7 +597,6 @@ body,
 	text-align: center;
 	text-transform: none;
 	text-rendering: auto;
-
 	&:hover {
 		color: rgba(0, 0, 0, 0.88);
 		background-color: rgba(0, 0, 0, 0.06);