diff --git a/docs/docs/zh-CN/components/button.md b/docs/docs/zh-CN/components/button.md
index 3f08a21d..679953c0 100644
--- a/docs/docs/zh-CN/components/button.md
+++ b/docs/docs/zh-CN/components/button.md
@@ -1,5 +1,3 @@
-##### 基础
-
 ::: demo 传入 columns 数据，自动生成表格
 
 <template>
@@ -25,8 +23,6 @@ export default {
 
 :::
 
-##### 尺寸
-
 ::: demo 传入 columns 数据，自动生成表格
 
 <template>
@@ -50,11 +46,4 @@ export default {
 }
 </script>
 
-:::
-
-#### 插槽
-
-| name          | 说明                                        |           |
-| :------------ | :-------------------------------------------|----------|
-| type          | 按钮类型                                     | `primary` `normal` `warm` `danger` |
-| size          | 按钮尺寸                                     | `lg` `sm` `xs`|
\ No newline at end of file
+:::
\ No newline at end of file
diff --git a/docs/docs/zh-CN/components/icon.md b/docs/docs/zh-CN/components/icon.md
index 8e9f2967..e4e09b48 100644
--- a/docs/docs/zh-CN/components/icon.md
+++ b/docs/docs/zh-CN/components/icon.md
@@ -1,6 +1,4 @@
-##### 基础
-
-::: demo 传入 columns 数据，自动生成表格
+::: demo
 
 <template>
   <lay-icon type="layui-icon-face-smile"></lay-icon>
@@ -18,11 +16,4 @@ export default {
 }
 </script>
 
-:::
-
-#### 插槽
-
-| name          | 说明                                        |           |
-| :------------ | :-------------------------------------------|----------|
-| type          | 按钮类型                                     | `primary` `normal` `warm` `danger` |
-| size          | 按钮尺寸                                     | `lg` `sm` `xs`|
\ No newline at end of file
+:::
\ No newline at end of file
diff --git a/docs/docs/zh-CN/components/panel.md b/docs/docs/zh-CN/components/panel.md
new file mode 100644
index 00000000..c25f6257
--- /dev/null
+++ b/docs/docs/zh-CN/components/panel.md
@@ -0,0 +1,19 @@
+::: demo
+
+<template>
+  <lay-panel><div style="padding: 30px;">面板</div></lay-panel>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
\ No newline at end of file
diff --git a/docs/prerender.js b/docs/prerender.js
index c3224d9e..e6daf7f2 100644
--- a/docs/prerender.js
+++ b/docs/prerender.js
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 const fs = require('fs')
 const path = require('path')
 
diff --git a/docs/src/layouts/Layout.vue b/docs/src/layouts/Layout.vue
index aed0eb33..1a5c1c1b 100644
--- a/docs/src/layouts/Layout.vue
+++ b/docs/src/layouts/Layout.vue
@@ -1,12 +1,17 @@
 <template>
   <lay-layout>
     <lay-header>
-      <lay-logo>layui-logo</lay-logo>
+      <lay-logo>
+        layui-vue
+      </lay-logo>
     </lay-header>
     <lay-side>
-      <router-link to="/zh-CN/components/layout">布局</router-link>
-      <router-link to="/zh-CN/components/button">按钮</router-link>
-      <router-link to="/zh-CN/components/icon">图标</router-link>
+      <ul>
+        <li><router-link to="/zh-CN/components/layout">布局</router-link></li>
+        <li><router-link to="/zh-CN/components/button">按钮</router-link></li>
+        <li><router-link to="/zh-CN/components/icon">图标</router-link></li>
+        <li><router-link to="/zh-CN/components/panel">面板</router-link></li>
+      </ul>
     </lay-side>
     <lay-body>
       <div style="padding: 20px">
diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts
index 22e3a1c9..98980502 100644
--- a/docs/src/router/zh-CN.ts
+++ b/docs/src/router/zh-CN.ts
@@ -28,6 +28,10 @@ const zhCN = [
         path: '/zh-CN/components/icon',
         component: () => import('../../docs/zh-CN/components/icon.md'),
         meta: { title: '图标' },
+      },{
+        path: '/zh-CN/components/panel',
+        component: () => import('../../docs/zh-CN/components/panel.md'),
+        meta: { title: '面板' },
       }
     ],
   },
diff --git a/src/index.ts b/src/index.ts
index f2a9afcd..cdabdeb3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,6 +11,7 @@ import LayBody from "./module/body/index"
 import LayHeader from "./module/header/index"
 import LayFooter from "./module/footer/index"
 import LayLogo from "./module/logo/index"
+import LayPanel from "./module/panel/index"
 
 const components: Record<string, IDefineComponent> = {
   LayRadio,
@@ -21,7 +22,8 @@ const components: Record<string, IDefineComponent> = {
   LayHeader,
   LayBody,
   LayFooter,
-  LayLogo
+  LayLogo,
+  LayPanel
 }
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -44,6 +46,7 @@ export {
   LayBody,
   LayFooter,
   LayLogo,
+  LayPanel, 
   install,
 }
 
diff --git a/src/module/panel/index.ts b/src/module/panel/index.ts
new file mode 100644
index 00000000..388106e5
--- /dev/null
+++ b/src/module/panel/index.ts
@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+import Component from './index.vue'
+import type { IDefineComponent } from '../type/index'
+
+Component.install = (app: App) => {
+    app.component(Component.name || 'LayLogo', Component)
+}
+
+export default Component as IDefineComponent
diff --git a/src/module/panel/index.vue b/src/module/panel/index.vue
new file mode 100644
index 00000000..4d995822
--- /dev/null
+++ b/src/module/panel/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-panel">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayPanel" lang="ts">
+
+</script>