diff --git a/src/assets/style/theme/star/index.scss b/src/assets/style/theme/star/index.scss index 8079dae1..756593c8 100644 --- a/src/assets/style/theme/star/index.scss +++ b/src/assets/style/theme/star/index.scss @@ -42,6 +42,7 @@ $theme-container-full-border-color: #d8dfea; @include header-el-menu-item; } &.is-active { + background-color: transparent; border-top-color: #FFF; } } @@ -85,6 +86,9 @@ $theme-container-full-border-color: #d8dfea; &:hover { @include aside-el-menu-item; } + &:focus { + @include aside-el-menu-item; + } i { color: #FFF; } @@ -96,6 +100,9 @@ $theme-container-full-border-color: #d8dfea; &:hover { @include aside-el-menu-item; } + &:focus { + @include aside-el-menu-item; + } i { color: #FFF; } diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss index 970907e2..b5fe40b3 100644 --- a/src/assets/style/theme/theme.scss +++ b/src/assets/style/theme/theme.scss @@ -43,8 +43,11 @@ $theme-color: #EFF4F8; .el-menu-item { border-bottom: none; border-top: 2px solid transparent; - &.is-active { - background-color: transparent; + } + .el-submenu { + .el-submenu__title { + border-bottom: none; + border-top: 2px solid transparent; } } } diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue index ce9786b3..87d64d93 100644 --- a/src/components/core/MainLayout/components/SideMenu/index.vue +++ b/src/components/core/MainLayout/components/SideMenu/index.vue @@ -32,7 +32,7 @@ export default { return { menus: [ { - path: '/demo/components/container/container-full', + path: '/demo/components/container/full', title: 'menu-a', icon: 'plus' }, @@ -57,7 +57,7 @@ export default { icon: 'plus' }, { - path: '/d', + path: '/demo/components/container/full', title: 'menu-a', icon: 'plus' }