From c9845d92bf3b0ea82e2fd0adeb593e31336fcb31 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 23 Dec 2025 11:58:18 +0800
Subject: [PATCH] =?UTF-8?q?fix(MainLayout):=20=E8=B0=83=E6=95=B4=E9=A1=B5?=
 =?UTF-8?q?=E8=84=9A=E4=BD=8D=E7=BD=AE=E5=88=B0=E6=BB=9A=E5=8A=A8=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=86=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 AppFooter 移动到内容滚动区域内
- 页脚随内容滚动，不再固定在底部
- 适配全局侧边栏布局

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/layouts/MainLayout.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index 73cea77f..ac0b399e 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -39,21 +39,22 @@ export default function MainLayout() {
             {/* 主体区域 - 左侧页面内容 + 右侧全局侧边栏 */}
             <Flex flex="1" pt="60px" bg="#1A202C" overflow="hidden">
                 {/* 页面内容区域 - flex: 1 占据剩余空间，包含错误边界、懒加载 */}
-                <Box flex="1" minW={0} overflowY="auto">
-                    <ErrorBoundary>
-                        <Suspense fallback={<PageLoader message="页面加载中..." />}>
-                            <Outlet />
-                        </Suspense>
-                    </ErrorBoundary>
+                <Box flex="1" minW={0} overflowY="auto" display="flex" flexDirection="column">
+                    <Box flex="1">
+                        <ErrorBoundary>
+                            <Suspense fallback={<PageLoader message="页面加载中..." />}>
+                                <Outlet />
+                            </Suspense>
+                        </ErrorBoundary>
+                    </Box>
+                    {/* 页脚 - 在滚动区域内，随内容滚动 */}
+                    <MemoizedAppFooter />
                 </Box>
 
                 {/* 全局右侧工具栏 - 可收起/展开 */}
                 <GlobalSidebar />
             </Flex>
 
-            {/* 页脚 - 在所有页面间共享，memo 后不会在路由切换时重新渲染 */}
-            <MemoizedAppFooter />
-
             {/* 返回顶部按钮 - 滚动超过阈值时显示 */}
             {/* <BackToTopButton
                 scrollThreshold={BACK_TO_TOP_CONFIG.scrollThreshold}