From e2623544921b4f09148d3341576c637f59680262 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Tue, 5 Jun 2018 14:10:57 +0800 Subject: [PATCH] no message Former-commit-id: a91e60f02dbd2cb458a2b0fa3be083437641f3c9 Former-commit-id: f699535a3e6b3ae4a64b88b49e1a50f5e68aaf96 Former-commit-id: d93017d5808aec98007a9af759a709d490a726cc --- src/assets/style/theme/star/index.scss | 1 + src/assets/style/theme/theme.scss | 17 ++++++++++++++++- .../components/HeaderMenu/index.vue | 19 ++++++++++++++++++- 3 files changed, 35 insertions(+), 2 deletions(-) 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' + } + ] } ] },