fix: 顶栏全宽 + 内容区背景色 + 等高
All checks were successful
continuous-integration/drone/push Build is passing

- el-header: width:100% 覆盖旧的 calc(100%-190px), height:60px
- el-header: position:relative 覆盖旧的 position:fixed
- el-main: background-color:#F5F7FA
- el-aside/el-main: min-height:0 确保 grid 等高
This commit is contained in:
yiqiu
2026-03-20 08:50:54 +08:00
parent d991d9af1c
commit d4136cc376

View File

@@ -49,24 +49,30 @@ html, body {
.el-header { .el-header {
grid-column: 1 / -1 !important; grid-column: 1 / -1 !important;
grid-row: 1 !important; grid-row: 1 !important;
width: 100% !important;
height: 60px !important;
position: relative !important;
background: #FFFFFF !important; background: #FFFFFF !important;
box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important; box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
border-bottom: 1px solid rgba(0,0,0,0.06); border-bottom: 1px solid rgba(0,0,0,0.06);
z-index: 100 !important; z-index: 100 !important;
position: sticky !important; display: flex !important;
top: 0 !important; align-items: center !important;
} }
/* el-aside: 第一列, 第二行 */ /* el-aside: 第一列, 第二行, 背景撑满 */
.template > .el-container > .el-aside { .template > .el-container > .el-aside {
grid-column: 1 !important; grid-column: 1 !important;
grid-row: 2 !important; grid-row: 2 !important;
min-height: 0 !important;
} }
/* el-main: 第二列, 第二行 */ /* el-main: 第二列, 第二行, 背景色 */
.el-main { .el-main {
grid-column: 2 !important; grid-column: 2 !important;
grid-row: 2 !important; grid-row: 2 !important;
background-color: #F5F7FA !important;
min-height: 0 !important;
} }
/* ============ 顶栏 Logo ============ */ /* ============ 顶栏 Logo ============ */