jianghaifeng/ReelShortWeb
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 调整二级菜单背景样式

Browse Source
This commit is contained in:
Zhou Weidong committed 2026-10-19 13:27:44 +08:00
1 parent f023c7d416
commit f6f4d264ee
1 file changed
+18 -6
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/business/menu.css
+18 -6
View File
@@ -53,6 +53,12 @@
background-color: var(--el-color-primary-light-9) !important; background-color: var(--el-color-primary-light-9) !important;
} }
#v-menu .el-menu--inline .el-menu-item:hover,
#v-menu .el-menu--inline .el-menu-item.is-active {
color: var(--el-color-primary) !important;
background-color: transparent !important;
}
#v-menu .el-menu .el-menu { #v-menu .el-menu .el-menu {
background: transparent; background: transparent;
} }
@@ -81,6 +87,12 @@ html.dark #v-menu .el-menu-item.is-active {
background-color: var(--app-primary-strong) !important; background-color: var(--app-primary-strong) !important;
} }
html.dark #v-menu .el-menu--inline .el-menu-item:hover,
html.dark #v-menu .el-menu--inline .el-menu-item.is-active {
color: #fff !important;
background-color: transparent !important;
}
.v-menu-popper--vertical, .v-menu-popper--vertical,
.v-menu-popper--horizontal { .v-menu-popper--horizontal {
padding: 4px; padding: 4px;
@@ -110,12 +122,12 @@ html.dark #v-menu .el-menu-item.is-active {
margin-right: 8px; margin-right: 8px;
} }
.v-menu-popper--vertical .el-menu-item:hover, html .v-menu-popper--vertical .el-menu-item:hover,
.v-menu-popper--horizontal .el-menu-item:hover, html .v-menu-popper--horizontal .el-menu-item:hover,
.v-menu-popper--vertical .el-menu-item.is-active, html .v-menu-popper--vertical .el-menu-item.is-active,
.v-menu-popper--horizontal .el-menu-item.is-active { html .v-menu-popper--horizontal .el-menu-item.is-active {
color: var(--el-color-primary) !important; color: var(--el-color-primary) !important;
background-color: var(--el-color-primary-light-9) !important; background-color: transparent !important;
} }
html.dark .v-menu-popper--vertical, html.dark .v-menu-popper--vertical,
@@ -128,5 +140,5 @@ html.dark .v-menu-popper--horizontal .el-menu-item:hover,
html.dark .v-menu-popper--vertical .el-menu-item.is-active, html.dark .v-menu-popper--vertical .el-menu-item.is-active,
html.dark .v-menu-popper--horizontal .el-menu-item.is-active { html.dark .v-menu-popper--horizontal .el-menu-item.is-active {
color: #fff !important; color: #fff !important;
background-color: var(--app-primary-strong) !important; background-color: transparent !important;
} }