fix: 电商页面 KeepAlive 容器使用绝对定位铺满视口,解决底部留白问题

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-06-03 23:25:10 +08:00
parent 0fc180637c
commit 85b2016e69
2 changed files with 2 additions and 1 deletions
+1 -1
View File
@@ -1237,7 +1237,7 @@ function App() {
{/* KeepAlive: EcommercePage stays mounted once visited */} {/* KeepAlive: EcommercePage stays mounted once visited */}
{ecommerceEverMounted && ( {ecommerceEverMounted && (
<div style={{ display: isEcommerceActive ? undefined : "none" }}> <div style={{ display: isEcommerceActive ? undefined : "none", position: "absolute", inset: 0, zIndex: 1 }}>
<EcommercePage <EcommercePage
projects={projects} projects={projects}
isAuthenticated={Boolean(session)} isAuthenticated={Boolean(session)}
+1
View File
@@ -559,6 +559,7 @@
} }
.web-shell__page { .web-shell__page {
position: relative;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
overflow: auto; overflow: auto;