fix: 回退PHP模板 + CSS Grid布局重排

- 回退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第二行右列
2026-03-20 08:24:24 +08:00
parent 63f0959dcb
commit b20d442e1f
21 changed files with 86 additions and 68 deletions
--- a/clientarea/hgcloud/productdetail.php
+++ b/clientarea/hgcloud/productdetail.php
@@ -5,10 +5,10 @@
 <body>
  <!-- mounted之前显示 -->
  <div class="product_detail template">
-    <el-container direction="vertical">
-      <top-menu></top-menu>
+    <el-container>
+      <aside-menu></aside-menu>
      <el-container>
-        <aside-menu></aside-menu>
+        <top-menu></top-menu>
        <el-main>
          <!-- 自己的东西 -->
          <!-- 后端渲染出来的配置页面 -->