From b20d442e1f5ff14629b4fea8b9a2377d40731b8e Mon Sep 17 00:00:00 2001 From: yiqiu Date: Fri, 20 Mar 2026 08:24:24 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=9E=E9=80=80PHP=E6=A8=A1=E6=9D=BF?= =?UTF-8?q?=20+=20CSS=20Grid=E5=B8=83=E5=B1=80=E9=87=8D=E6=8E=92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 回退20个PHP文件到原始结构 (aside-menu先, inner container包含top-menu+el-main) - 用CSS Grid + display:contents实现布局重排: - 外层容器: grid, 两列(auto+1fr), 两行(auto+1fr) - 内层容器: display:contents (消失,子元素直接参与grid) - el-header: grid-column: 1/-1 跨两列全宽 - el-aside: grid第二行左列 - el-main: grid第二行右列 --- clientarea/hgcloud/404.php | 6 ++--- clientarea/hgcloud/NotFound.php | 6 ++--- clientarea/hgcloud/account.php | 6 ++--- clientarea/hgcloud/crossModule.php | 6 ++--- clientarea/hgcloud/css/dark-override.css | 34 ++++++++++++++++++------ clientarea/hgcloud/finance.php | 6 ++--- clientarea/hgcloud/group_rules.php | 6 ++--- clientarea/hgcloud/home.php | 6 ++--- clientarea/hgcloud/networkErro.php | 6 ++--- clientarea/hgcloud/noPermissions.php | 6 ++--- clientarea/hgcloud/orderDetail.php | 6 ++--- clientarea/hgcloud/product.php | 6 ++--- clientarea/hgcloud/productList.php | 6 ++--- clientarea/hgcloud/product_list.php | 6 ++--- clientarea/hgcloud/productdetail.php | 6 ++--- clientarea/hgcloud/security.php | 6 ++--- clientarea/hgcloud/security_group.php | 6 ++--- clientarea/hgcloud/security_log.php | 6 ++--- clientarea/hgcloud/security_ssh.php | 6 ++--- clientarea/hgcloud/template.php | 6 ++--- clientarea/hgcloud/withdrawal.php | 6 ++--- 21 files changed, 86 insertions(+), 68 deletions(-) diff --git a/clientarea/hgcloud/404.php b/clientarea/hgcloud/404.php index 8c3a2e7..cf95896 100644 --- a/clientarea/hgcloud/404.php +++ b/clientarea/hgcloud/404.php @@ -5,10 +5,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/NotFound.php b/clientarea/hgcloud/NotFound.php index de2c277..711ffa2 100644 --- a/clientarea/hgcloud/NotFound.php +++ b/clientarea/hgcloud/NotFound.php @@ -28,10 +28,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/account.php b/clientarea/hgcloud/account.php index fe31b95..eb3c87a 100644 --- a/clientarea/hgcloud/account.php +++ b/clientarea/hgcloud/account.php @@ -14,10 +14,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/crossModule.php b/clientarea/hgcloud/crossModule.php index 4a02038..bef28c9 100644 --- a/clientarea/hgcloud/crossModule.php +++ b/clientarea/hgcloud/crossModule.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/css/dark-override.css b/clientarea/hgcloud/css/dark-override.css index 84a7fcc..110bf4e 100644 --- a/clientarea/hgcloud/css/dark-override.css +++ b/clientarea/hgcloud/css/dark-override.css @@ -25,18 +25,37 @@ html, body { display: none; } -/* ============ 布局容器 ============ */ -/* 外层容器：垂直排列（顶栏 + 下方内容） */ +/* ============ 布局容器 — CSS Grid 重排 ============ */ +/* 外层容器：用 Grid 把 aside 和内层 container 重排 */ .template > .el-container { - flex-direction: column !important; - width: 100% !important; + display: grid !important; + grid-template-columns: auto 1fr !important; + grid-template-rows: auto 1fr !important; min-height: 100vh !important; + width: 100% !important; } -/* 内层容器：水平排列（侧边栏 + 主内容） */ +/* 顶栏（在内层 container 中的 el-header）：跨两列占满全宽 */ .template > .el-container > .el-container { - flex-direction: row !important; - flex: 1 !important; + display: contents !important; +} + +/* el-header 跨两列 */ +.template > .el-container .el-header { + grid-column: 1 / -1 !important; + grid-row: 1 !important; +} + +/* aside 在第二行左列 */ +.template > .el-container > .el-aside { + grid-column: 1 !important; + grid-row: 2 !important; +} + +/* el-main 在第二行右列 */ +.template > .el-container .el-main { + grid-column: 2 !important; + grid-row: 2 !important; } /* ============ 侧边栏 ============ */ @@ -142,7 +161,6 @@ html, body { position: sticky !important; top: 0 !important; z-index: 100 !important; - width: 100% !important; } .el-header .search-value, diff --git a/clientarea/hgcloud/finance.php b/clientarea/hgcloud/finance.php index 3889e80..6b07280 100644 --- a/clientarea/hgcloud/finance.php +++ b/clientarea/hgcloud/finance.php @@ -14,10 +14,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/group_rules.php b/clientarea/hgcloud/group_rules.php index e3b1614..d0dfc7f 100644 --- a/clientarea/hgcloud/group_rules.php +++ b/clientarea/hgcloud/group_rules.php @@ -14,10 +14,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/home.php b/clientarea/hgcloud/home.php index 3a11904..2bac0d8 100644 --- a/clientarea/hgcloud/home.php +++ b/clientarea/hgcloud/home.php @@ -12,10 +12,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/networkErro.php b/clientarea/hgcloud/networkErro.php index 55654ea..8da3a80 100644 --- a/clientarea/hgcloud/networkErro.php +++ b/clientarea/hgcloud/networkErro.php @@ -5,10 +5,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/noPermissions.php b/clientarea/hgcloud/noPermissions.php index 6b23684..36d3eb3 100644 --- a/clientarea/hgcloud/noPermissions.php +++ b/clientarea/hgcloud/noPermissions.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/orderDetail.php b/clientarea/hgcloud/orderDetail.php index 0128e98..ff4c506 100644 --- a/clientarea/hgcloud/orderDetail.php +++ b/clientarea/hgcloud/orderDetail.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/product.php b/clientarea/hgcloud/product.php index da16311..f3c3f1b 100644 --- a/clientarea/hgcloud/product.php +++ b/clientarea/hgcloud/product.php @@ -11,10 +11,10 @@
- - + + - + diff --git a/clientarea/hgcloud/productList.php b/clientarea/hgcloud/productList.php index 7bedb49..32948dc 100644 --- a/clientarea/hgcloud/productList.php +++ b/clientarea/hgcloud/productList.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/product_list.php b/clientarea/hgcloud/product_list.php index 6a77f88..3ee9c7f 100644 --- a/clientarea/hgcloud/product_list.php +++ b/clientarea/hgcloud/product_list.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/productdetail.php b/clientarea/hgcloud/productdetail.php index ae6d6d3..00e962b 100644 --- a/clientarea/hgcloud/productdetail.php +++ b/clientarea/hgcloud/productdetail.php @@ -5,10 +5,10 @@
- - + + - + diff --git a/clientarea/hgcloud/security.php b/clientarea/hgcloud/security.php index 2b8bfb1..71394f4 100644 --- a/clientarea/hgcloud/security.php +++ b/clientarea/hgcloud/security.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/security_group.php b/clientarea/hgcloud/security_group.php index 0441f0b..76f2788 100644 --- a/clientarea/hgcloud/security_group.php +++ b/clientarea/hgcloud/security_group.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/security_log.php b/clientarea/hgcloud/security_log.php index fbe3526..3f25d7b 100644 --- a/clientarea/hgcloud/security_log.php +++ b/clientarea/hgcloud/security_log.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/security_ssh.php b/clientarea/hgcloud/security_ssh.php index f11dd7f..2cbbe63 100644 --- a/clientarea/hgcloud/security_ssh.php +++ b/clientarea/hgcloud/security_ssh.php @@ -13,10 +13,10 @@
- - + + - +
diff --git a/clientarea/hgcloud/template.php b/clientarea/hgcloud/template.php index 4b5feb1..aa86ea0 100644 --- a/clientarea/hgcloud/template.php +++ b/clientarea/hgcloud/template.php @@ -13,10 +13,10 @@
- - + + - + diff --git a/clientarea/hgcloud/withdrawal.php b/clientarea/hgcloud/withdrawal.php index aef75d5..317a79d 100644 --- a/clientarea/hgcloud/withdrawal.php +++ b/clientarea/hgcloud/withdrawal.php @@ -13,10 +13,10 @@
- - + + - +