From cc83b291cbc656e81c2bd11bbabf0d70d1c3338d Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Sun, 1 Feb 2026 08:34:11 +0800
Subject: [PATCH] =?UTF-8?q?style(components):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=B9=B6?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=86=85=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 CuteFormDrawer 和 CutePreviewDrawer 添加统一的头部样式
- 将抽屉主体内边距从 20px 调整为 10px
- 移除 CutePreviewDrawer 中的左侧内边距
- 在两个组件中添加底部边框样式
- 统一抽屉样式以保持一致性
---
 .../src/views/components/dev/CuteFormDrawer.vue     |  7 ++++++-
 .../src/views/components/dev/CutePreviewDrawer.vue  | 13 ++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/cutejava-front/src/views/components/dev/CuteFormDrawer.vue b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
index 179791a5..5d2551a1 100644
--- a/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
+++ b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
@@ -125,8 +125,13 @@ export default {
   padding: 16px 20px;
 }
 
+::v-deep(.el-drawer__header) {
+  padding: 10px;
+  border-bottom: 1px solid #DCDFE6;
+}
+
 ::v-deep(.el-drawer__body) {
-  padding: 20px 20px !important;
+  padding: 10px 10px !important;
 }
 
 ::v-deep(.el-divider--horizontal) {
diff --git a/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue b/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
index 856e317d..0fe9433c 100644
--- a/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
+++ b/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
@@ -18,9 +18,7 @@
     :modal="false"
   >
     <!-- 这里是插槽，用于渲染传入的组件 -->
-    <div style="padding-left: 20px">
-      <slot />
-    </div>
+    <slot />
   </el-drawer>
 </template>
 
@@ -75,5 +73,14 @@ export default {
 .container-form::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
 }
+
+::v-deep(.el-drawer__header) {
+  padding: 10px;
+  border-bottom: 1px solid #DCDFE6;
+}
+
+::v-deep(.el-drawer__body) {
+  padding: 10px 10px !important;
+}
 </style>