diff --git a/src/assets/style/theme/star/index.scss b/src/assets/style/theme/star/index.scss index cb2db71b..4fea247a 100644 --- a/src/assets/style/theme/star/index.scss +++ b/src/assets/style/theme/star/index.scss @@ -8,6 +8,7 @@ $theme-container-full-border-color: #d8dfea; .theme-#{$theme-name} { background-color: $theme-bg-color; background-image: url($theme-bg-image); + // [组件] dd-container-full .dd-container-full { .dd-container-full__header { diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss index 1b15f1f9..28b904ca 100644 --- a/src/assets/style/theme/theme.scss +++ b/src/assets/style/theme/theme.scss @@ -1,6 +1,21 @@ @import '~@/assets/style/public.scss'; -$theme-color: #EFF4F8; +// 下面这部分是要根据主题修改的 但是没有办法加到主题中 +@mixin theme-menu-hover-style { + background-color: #eff4f8; +} +.el-submenu__title:hover { + @include theme-menu-hover-style; +} +.el-menu-item:hover { + @include theme-menu-hover-style; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + @include theme-menu-hover-style; +} +.el-menu--horizontal .el-menu .el-submenu__title:hover { + @include theme-menu-hover-style; +} // 主题公用 .theme { diff --git a/src/components/core/MainLayout/components/HeaderMenu/index.vue b/src/components/core/MainLayout/components/HeaderMenu/index.vue index 1395bf77..45b9c8ad 100644 --- a/src/components/core/MainLayout/components/HeaderMenu/index.vue +++ b/src/components/core/MainLayout/components/HeaderMenu/index.vue @@ -40,7 +40,24 @@ export default { { path: '/demo/chart', title: '图表', - icon: 'pie-chart' + icon: 'pie-chart', + children: [ + { + path: '/demo/plugins', + title: '插件', + icon: 'plug' + }, + { + path: '/demo/components', + title: '组件', + icon: 'puzzle-piece' + }, + { + path: '/demo/chart', + title: '图表', + icon: 'pie-chart' + } + ] } ] },