From 92d25a9fdcd42187ca9adb00966828e65f80f191 Mon Sep 17 00:00:00 2001 From: ZLY Date: Tue, 26 Aug 2025 14:47:13 +0800 Subject: [PATCH] =?UTF-8?q?feat(layout):=20=E4=BC=98=E5=8C=96=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 添加 layout-content-wrapper-no-padding 类,用于控制内容区域的内边距 - 在 layout.tsx 中增加 showWrapperPadding 变量,根据路径或设置决定是否显示内边距 - 更新 settings.json,添加 noWrapperPadding 设置项 --- src/pages/layout.tsx | 5 +++-- src/settings.json | 3 ++- src/style/layout.module.less | 4 ++++ 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/pages/layout.tsx b/src/pages/layout.tsx index 8533e32..6624209 100644 --- a/src/pages/layout.tsx +++ b/src/pages/layout.tsx @@ -84,6 +84,7 @@ function PageLayout({ children }: { children: ReactNode }) { const showNavbar = settings?.navbar && urlParams.navbar !== false; const showMenu = settings?.menu && urlParams.menu !== false && !pathname.includes('ideContainer'); const showFooter = settings?.footer && urlParams.footer !== false; + const showWrapperPadding = settings?.noWrapperPadding || pathname.includes('ideContainer'); const routeMap = useRef>(new Map()); const menuMap = useRef< @@ -143,7 +144,6 @@ function PageLayout({ children }: { children: ReactNode }) { } buildRouteMap(routes); - console.log('routeMap:', routeMap); }, [routes]); function renderRoutes(locale) { @@ -265,7 +265,8 @@ function PageLayout({ children }: { children: ReactNode }) { )} -
+
{!!breadcrumb.length && (
diff --git a/src/settings.json b/src/settings.json index c84e59c..874bb12 100644 --- a/src/settings.json +++ b/src/settings.json @@ -4,5 +4,6 @@ "menu": true, "footer": true, "themeColor": "#165DFF", - "menuWidth": 220 + "menuWidth": 220, + "noWrapperPadding": false } diff --git a/src/style/layout.module.less b/src/style/layout.module.less index d467372..898e5b6 100644 --- a/src/style/layout.module.less +++ b/src/style/layout.module.less @@ -125,6 +125,10 @@ padding: 16px 20px 0; } +.layout-content-wrapper-no-padding { + padding: 0; +} + .layout-breadcrumb { margin-bottom: 16px; }