blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

Update layout.vue

Browse Source
This commit is contained in:
邹景立 2021-11-26 21:50:44 +08:00
parent 84e6d8da9e
commit 49ba522dce
1 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
static/template/layout.vue
View File

@ -91,51 +91,55 @@ body > .el-container {
} }
} }
.el-tabs__header { .el-tabs {
width: 60px;
margin: 0 !important;
background: rgba(54, 25, 88, 0.8);
.el-tabs__active-bar { .el-tabs__header {
display: none !important; width: 60px;
margin: 0 !important;
background: rgba(54, 25, 88, 0.8);
} .el-tabs__active-bar {
display: none !important;
}
.el-tabs__nav-wrap { .el-tabs__nav-wrap {
margin-right: 0 !important; margin-right: 0 !important;
&::after { &::after {
display: none; display: none;
}
}
.el-tabs__item {
color: #FFF;
width: 100% !important;
height: 60px !important;
padding: 0 !important;
line-height: 60px !important;
text-align: center !important;
&.is-active {
background: rgba(0, 0, 0, 0.4);
}
&:hover:not(.is-active) {
background: rgba(0, 0, 0, 0.1);
}
} }
} }
.el-tabs__item { .el-tabs__content {
color: #FFF; width: 220px !important;
width: 100% !important; height: 100% !important;
height: 60px !important; background: red;
padding: 0 !important; text-align: center;
line-height: 60px !important;
text-align: center !important;
&.is-active {
background: rgba(0, 0, 0, 0.4);
}
&:hover:not(.is-active) {
background: rgba(0, 0, 0, 0.1);
}
} }
} }
.el-tabs__content {
width: 220px !important;
height: 100% !important;
background: red;
text-align: center;
}
.el-menu { .el-menu {
.el-menu-item:not(.is-disabled) { .el-menu-item:not(.is-disabled) {
border-bottom: 0 !important;
&:hover { &:hover {
color: #FFF !important; color: #FFF !important;
background: rgba(54, 25, 88, 0.9) !important; background: rgba(54, 25, 88, 0.9) !important;
@ -144,6 +148,7 @@ body > .el-container {
&.is-active { &.is-active {
color: #FFF !important; color: #FFF !important;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-bottom: 0 !important;
} }
} }