修改顶层菜单样式

This commit is contained in:
龙运模
2024-12-09 22:48:23 +08:00
parent 052fd2a55c
commit 10f4b726d4
6 changed files with 61 additions and 3 deletions
+2
View File
@@ -91,6 +91,7 @@
}
.el-menu {border: none!important;}
.el-menu ::v-deep .nav-top-menu{margin-right: 0 !important;}
.el-menu .el-menu-item.is-active{background: var(--el-menu-hover-bg-color);position: relative;}
.el-menu .el-menu-item.is-active:after{content: "";position: absolute;top: 0;right: 0;height: 100%;width: 4px;background: var(--el-color-primary);}
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
@@ -158,6 +159,7 @@
.el-checkbox-button__inner {font-size: 12px;}
.el-checkbox .el-checkbox__label{font-weight: 400;font-size: 12px;}
.el-sub-menu .el-icon {font-size: 16px;color: #aaa;display: flex;align-items: center;justify-content: flex-start;margin-right: 0;}
.nav-top-menu .el-icon {font-size: 16px;color: #aaa;display: flex;align-items: center;justify-content: flex-start;margin-right: 0;}
.el-sub-menu.is-active .el-sub-menu__title{color: var(--el-color-primary)}
.el-sub-menu.is-active .el-sub-menu__title .el-icon{color: var(--el-color-primary)}
.el-sub-menu .el-sub-menu__icon-arrow {font-size: 12px;}