diff --git a/packages/devui-vue/devui/drawer/index.ts b/packages/devui-vue/devui/drawer/index.ts
index 342b0f9339b9c656d2172ba98d83a917b371bd4c..2ad72eb001effa6f8d24e345b75fd2ea236abf1b 100644
--- a/packages/devui-vue/devui/drawer/index.ts
+++ b/packages/devui-vue/devui/drawer/index.ts
@@ -10,7 +10,7 @@ export { Drawer }
 export default {
   title: 'Drawer 抽屉板',
   category: '反馈',
-  status: '30%',
+  status: '50%',
   install(app: App): void {
     
     app.use(Drawer as any)
diff --git a/packages/devui-vue/devui/drawer/src/drawer.tsx b/packages/devui-vue/devui/drawer/src/drawer.tsx
index c19346a901576a9f997bd4ac8680b11fa775875c..09c84e4d9ae653b6b7f3fe14a2cf7112568aaeef 100644
--- a/packages/devui-vue/devui/drawer/src/drawer.tsx
+++ b/packages/devui-vue/devui/drawer/src/drawer.tsx
@@ -22,10 +22,8 @@ export default defineComponent({
 
     const closeDrawer = async () => {
       const beforeHidden = props.beforeHidden;
-      let result = (typeof beforeHidden === 'function' ? beforeHidden(): beforeHidden) ?? true;
+      let result = (typeof beforeHidden === 'function' ? beforeHidden(): beforeHidden) ?? false;
       if (result instanceof Promise) {
-        console.log(result);
-        
         result = await result;
       }
       if (result) return;
@@ -82,7 +80,9 @@ export default defineComponent({
     return (
       <Teleport to="body">
         <DrawerBody>
-          <DrawerHeader onToggleFullScreen={fullScreenEvent} onClose={closeDrawer} />
+          {this.slots.header ? this.slots.header() : 
+            <DrawerHeader onToggleFullScreen={fullScreenEvent} onClose={closeDrawer} />
+          }
           {this.slots.default ? this.slots.default() : <DrawerContainer />}
         </DrawerBody>
       </Teleport>
diff --git a/packages/devui-vue/docs/components/drawer/index.md b/packages/devui-vue/docs/components/drawer/index.md
index e94b9f9a5a09d44ddd3b2b69d698d27825207e81..7e838ddabcc8bee9a205acdb727df4458c994658 100644
--- a/packages/devui-vue/docs/components/drawer/index.md
+++ b/packages/devui-vue/docs/components/drawer/index.md
@@ -77,6 +77,56 @@ export default ({
 
 :::
 
+### 自定义模板
+
+<h4>自定义抽屉板模板。</h4>
+
+:::demo
+
+```vue
+<template>
+  <d-button  @click="drawerShow"> drawer </d-button>
+  <d-drawer
+    v-model:visible="isDrawerShow" 
+    :isCover="false" 
+  >
+    <template v-slot>
+      内容区插槽
+    </template>
+    <template v-slot:header>
+      <div @click="drawerClose">
+        <span class="icon icon-close" />
+      </div>
+    </template>
+  </d-drawer>
+</template>
+<script>
+import { ref } from 'vue'
+
+export default ({
+  setup() {
+    let isDrawerShow = ref(false)
+
+    const drawerShow = () => {
+      isDrawerShow.value = !isDrawerShow.value
+    }
+
+    const drawerClose = () => {
+      isDrawerShow.value = false;
+    }
+
+    return {
+      isDrawerShow,
+      drawerShow,
+      drawerClose,
+    }
+  }
+})
+</script>
+```
+
+:::
+
 ### 参数及API
 
 | 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
@@ -91,3 +141,10 @@ export default ({
 | beforeHidden | `Function \| Promise` | -- | 可选，关闭窗口之前的回调 | [基本用法](#基本用法) |
 | onClose | `Function` | -- | 可选，关闭 drawer 时候调用 | [基本用法](#基本用法) |
 | onAfterOpened | `Function` | -- | 可选，打开 drawer 后时候调用 | [基本用法](#基本用法) |
+
+### 插槽
+
+| 名称 | 类型 | 说明 | 跳转 Demo |
+| :--: | :---------: | :------: | :-------: |
+| default | 默认 | 抽屉板内容 | [自定义模板](#自定义模板) |
+| header  | 头部 | 抽屉板头部 | [自定义模板](#自定义模板) |