V0.1.2.20250718
——————————————— 1.路由重定向 2.Home页面头部完成 ———————————————
This commit is contained in:
parent
279627c935
commit
1614b560ff
@ -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);
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user