diff --git a/src/assets/ordinary/Home.css b/src/assets/ordinary/Home.css index 6f073e5..f26a363 100644 --- a/src/assets/ordinary/Home.css +++ b/src/assets/ordinary/Home.css @@ -1,36 +1,41 @@ -body{ +body { background-color: #f5f5f5; margin: 0; padding: 0; width: 100%; height: 100vh } -.container{ + +.container { width: 90%; height: 10vh; margin: 0 auto; } -.logo{ + +.logo { background-color: #4081bf; } -/*菜单*//*重定高度*/ +/*菜单-重定高度*/ .el-menu--horizontal { display: flex; flex-wrap: nowrap; max-height: 70px; - --el-menu-horizontal-height: 65%; min-height: 40px; + --el-menu-horizontal-height: 65%; } + /* 使用 Flex 布局控制菜单 */ .el-menu-demo { display: flex; } + /* 创建弹性空间 */ .flex-grow { flex-grow: 1; } + /* 确保菜单项正常显示 */ .el-menu-item { width: 10vw; @@ -41,10 +46,12 @@ body{ .demo-type { display: flex; } + .demo-type > div { flex: 1; text-align: center; } + .demo-type > div:not(:last-child) { border-right: 1px solid var(--el-border-color); } \ No newline at end of file