diff --git a/acupuncture-前台/src/assets/styles/sidebar.scss b/acupuncture-前台/src/assets/styles/sidebar.scss index 9cd64dc2..e5cd1a28 100644 --- a/acupuncture-前台/src/assets/styles/sidebar.scss +++ b/acupuncture-前台/src/assets/styles/sidebar.scss @@ -94,6 +94,12 @@ &:hover { background-color: rgba(0, 0, 0, 0.2) !important; color: #fff !important; + .div-img { + display: block; + } + .div-img-gl { + display: none; + } } } diff --git a/acupuncture-前台/src/assets/styles/variables.scss b/acupuncture-前台/src/assets/styles/variables.scss index aa313a41..4f2064e1 100644 --- a/acupuncture-前台/src/assets/styles/variables.scss +++ b/acupuncture-前台/src/assets/styles/variables.scss @@ -18,8 +18,8 @@ $base-menu-light-color: rgba(0, 0, 0, 0.7); $base-menu-light-background: #ffffff; $base-logo-light-title-color: #001529; -$base-sub-menu-background: #1f2d3d; -$base-sub-menu-hover: #001528; +$base-sub-menu-background: #70483e; +$base-sub-menu-hover: rgba(0, 0, 0, 0.2); // 自定义暗色菜单风格 /** diff --git a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue b/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue index 711f5fef..031bf419 100644 --- a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue +++ b/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue @@ -15,10 +15,12 @@ :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }" > - {{ sideTheme }} -
+
+
+ +
+ diff --git a/acupuncture-前台/src/layout/components/Sidebar/index.vue b/acupuncture-前台/src/layout/components/Sidebar/index.vue index caa9048b..4afeac5a 100644 --- a/acupuncture-前台/src/layout/components/Sidebar/index.vue +++ b/acupuncture-前台/src/layout/components/Sidebar/index.vue @@ -75,4 +75,10 @@ export default { >>> .is-active { background-color: #fff !important; } +>>> .is-active .div-img { + display: none; +} +>>> .is-active .div-img-gl { + display: block; +}