fix: 同时强制内层el-container为column方向
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 外层: flex-direction: row (aside左 + container右) - 内层: flex-direction: column (top-menu上 + el-main下) - 修复Element UI对两层容器的方向误判
This commit is contained in:
@@ -25,11 +25,17 @@ html, body {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============ 外层容器:强制水平方向 ============ */
|
/* ============ 布局容器方向强制覆盖 ============ */
|
||||||
|
/* 外层容器:水平方向(aside 左 + container 右) */
|
||||||
.template > .el-container {
|
.template > .el-container {
|
||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 内层容器:垂直方向(top-menu 上 + el-main 下) */
|
||||||
|
.template > .el-container > .el-container {
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* ============ 侧边栏 ============ */
|
/* ============ 侧边栏 ============ */
|
||||||
.el-aside {
|
.el-aside {
|
||||||
background: #FFFFFF !important;
|
background: #FFFFFF !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user