V0.1.2.20250718

———————————————
1.路由重定向
2.Home页面头部完成
———————————————
This commit is contained in:
Childish-Ghost 2025-07-18 23:40:11 +08:00
parent 279627c935
commit 1614b560ff

View File

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