From a7aad88b127be86be2510e80718258c338964b14 Mon Sep 17 00:00:00 2001
From: ocean_gao <gaopandyx@163.com>
Date: Sat, 7 Oct 2023 20:12:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(drawer):=20=E8=A7=A3=E5=86=B3=E6=97=A0?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=83=85=E5=86=B5=E4=B8=8B=EF=BC=8C=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E6=8C=89=E9=92=AE=E4=B8=8D=E5=8F=AF=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=20(#484)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/drawer/style/index.less           | 24 ++++++++++++--------
 docs/.vitepress/components/drawer/common.vue |  6 ++++-
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/components/drawer/style/index.less b/components/drawer/style/index.less
index c4acb563..9815f91d 100644
--- a/components/drawer/style/index.less
+++ b/components/drawer/style/index.less
@@ -2,7 +2,6 @@
 @import '../../style/mixins/index';
 @import './mixin.less';
 
-
 @drawer-prefix-cls: ~'@{cls-prefix}-drawer';
 
 .@{drawer-prefix-cls} {
@@ -20,6 +19,12 @@
     &-container {
         .fixed-full();
         display: flex;
+
+        &.@{drawer-prefix-cls}-no-header {
+            .@{drawer-prefix-cls}-wrapper {
+                padding-top: 22px;
+            }
+        }
     }
 
     &-wrapper {
@@ -39,7 +44,8 @@
         color: var(--f-head-color);
         font-weight: @font-weight-medium;
         font-size: @font-size-head;
-        border-bottom: var(--f-border-width-base) var(--f-border-style-base) var(--f-border-color-split);
+        border-bottom: var(--f-border-width-base) var(--f-border-style-base)
+            var(--f-border-color-split);
 
         .@{drawer-prefix-cls}-close {
             top: auto;
@@ -65,7 +71,8 @@
             margin-right: @padding-md;
         }
         &-has-border {
-            border-top: var(--f-border-width-base) var(--f-border-style-base) var(--f-border-color-split);
+            border-top: var(--f-border-width-base) var(--f-border-style-base)
+                var(--f-border-color-split);
         }
     }
 
@@ -105,7 +112,6 @@
             align-items: flex-start;
         }
 
-
         .@{drawer-prefix-cls}-wrapper {
             border-top-left-radius: 0;
             border-top-right-radius: 0;
@@ -138,7 +144,6 @@
             align-items: flex-end;
         }
 
-
         .@{drawer-prefix-cls}-wrapper {
             border-bottom-right-radius: 0;
             border-bottom-left-radius: 0;
@@ -169,7 +174,7 @@
             background: var(--f-primary-color);
         }
 
-        &-left{
+        &-left {
             top: 0;
             right: 0;
             width: 2px;
@@ -177,7 +182,7 @@
             cursor: col-resize;
         }
 
-        &-right{
+        &-right {
             top: 0;
             left: 0;
             width: 2px;
@@ -185,7 +190,7 @@
             cursor: col-resize;
         }
 
-        &-top{
+        &-top {
             bottom: 0;
             left: 0;
             width: 100%;
@@ -193,7 +198,7 @@
             cursor: row-resize;
         }
 
-        &-bottom{
+        &-bottom {
             top: 0;
             left: 0;
             width: 100%;
@@ -202,4 +207,3 @@
         }
     }
 }
-
diff --git a/docs/.vitepress/components/drawer/common.vue b/docs/.vitepress/components/drawer/common.vue
index 7c1c09d9..f74929eb 100644
--- a/docs/.vitepress/components/drawer/common.vue
+++ b/docs/.vitepress/components/drawer/common.vue
@@ -16,7 +16,11 @@
             <div>我是内容...</div>
         </FDrawer>
         <FDrawer v-model:show="show[1]" @ok="show[1] = true">
-            <div>没有标题...</div>
+            <FAlert
+                style="margin-bottom: 10px"
+                type="info"
+                message="没有标题..."
+            />
             <div>没有标题...</div>
             <div>没有标题...</div>
         </FDrawer>