From 0fc0f130646f6d7dce190a3dc1100ccc04a62cbc Mon Sep 17 00:00:00 2001
From: Netfan <netfan@foxmail.com>
Date: Sat, 7 Dec 2024 12:05:03 +0800
Subject: [PATCH] fix: layout overflow style (#5066)

---
 docs/src/components/layout-ui/page.md          | 18 +++++++++---------
 .../@core/ui-kit/layout-ui/src/vben-layout.vue |  2 +-
 .../common-ui/src/components/page/page.vue     |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/src/components/layout-ui/page.md b/docs/src/components/layout-ui/page.md
index 8a33775c..81588f45 100644
--- a/docs/src/components/layout-ui/page.md
+++ b/docs/src/components/layout-ui/page.md
@@ -18,15 +18,15 @@ outline: deep
 
 ### Props
 
-| 属性名 | 描述 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 页面标题 | `string\|slot` | - |
-| description | 页面描述（标题下的内容） | `string\|slot` | - |
-| contentClass | 内容区域的class | `string` | - |
-| headerClass | 头部区域的class | `string` | - |
-| footerClass | 底部区域的class | `string` | - |
-| autoContentHeight | 自动调整内容区域的高度 | `boolean` | `false` |
-| fixedHeader | 固定头部在页面内容区域顶部，在滚动时保持可见 | `boolean` | `false` |
+| 属性名 | 描述 | 类型 | 默认值 | 说明 |
+| --- | --- | --- | --- | --- |
+| title | 页面标题 | `string\|slot` | - | - |
+| description | 页面描述（标题下的内容） | `string\|slot` | - | - |
+| contentClass | 内容区域的class | `string` | - | - |
+| headerClass | 头部区域的class | `string` | - | - |
+| footerClass | 底部区域的class | `string` | - | - |
+| autoContentHeight | 自动调整内容区域的高度 | `boolean` | `false` | - |
+| ~~fixedHeader~~ | ~~固定头部在页面内容区域顶部，在滚动时保持可见~~ | `boolean` | `false` | 待实现 |
 
 ::: tip 注意
 
diff --git a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
index 98932e25..a598f291 100644
--- a/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
+++ b/packages/@core/ui-kit/layout-ui/src/vben-layout.vue
@@ -503,7 +503,7 @@ function handleHeaderToggle() {
 
     <div
       ref="contentRef"
-      class="flex flex-1 flex-col transition-all duration-300 ease-in"
+      class="flex flex-1 flex-col overflow-hidden transition-all duration-300 ease-in"
     >
       <div
         :class="[
diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
index a7fea6a5..c4023ccf 100644
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@@ -19,8 +19,8 @@ interface Props {
    * 根据content可见高度自适应
    */
   autoContentHeight?: boolean;
-  /** 头部固定 */
-  fixedHeader?: boolean;
+  /** 头部固定（暂未实现） */
+  // fixedHeader?: boolean;
   headerClass?: string;
   footerClass?: string;
 }