diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss index 668b6892..ce56def0 100644 --- a/src/assets/style/theme/theme-base.scss +++ b/src/assets/style/theme/theme-base.scss @@ -1,5 +1,5 @@ // 整体框架结构 -.d2-layout-main-group { +.d2-layout-header-aside-group { height: 100%; width: 100%; background-size: cover; @@ -7,11 +7,11 @@ overflow: hidden; position: relative; // 背景上面的半透明遮罩 - .d2-layout-main-mask { + .d2-layout-header-aside-mask { @extend %full; } // 内容层 - .d2-layout-main-content { + .d2-layout-header-aside-content { @extend %full; $d2-theme-header-height: 60px; .d2-theme-header { @@ -33,7 +33,7 @@ transition: width .3s; flex-grow: 0; position: relative; - .d2-layout-main-menu-side { + .d2-layout-header-aside-menu-side { @extend %full; overflow: hidden; } @@ -66,7 +66,7 @@ // 主题公用 -.d2-layout-main-group { +.d2-layout-header-aside-group { &.grayMode { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); @@ -76,7 +76,7 @@ filter: gray; } // 主体 - .d2-layout-main-content { + .d2-layout-header-aside-content { // [布局] 顶栏 .d2-theme-header { // logo区域 @@ -174,7 +174,7 @@ } } // 菜单为空的时候显示的信息 - .d2-layout-main-menu-empty { + .d2-layout-header-aside-menu-empty { height: 160px; margin: 10px; margin-top: 0px; diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss index ffda8197..edf3d6d2 100644 --- a/src/assets/style/theme/theme.scss +++ b/src/assets/style/theme/theme.scss @@ -2,9 +2,9 @@ .theme-#{$theme-name} { // 背景图片和遮罩 - .d2-layout-main-group { + .d2-layout-header-aside-group { background-color: $theme-bg-color; - .d2-layout-main-mask { + .d2-layout-header-aside-mask { background: $theme-bg-mask; } } @@ -127,7 +127,7 @@ // 侧边栏 .d2-theme-container-aside { // 菜单为空的时候显示的信息 - .d2-layout-main-menu-empty { + .d2-layout-header-aside-menu-empty { background: $theme-aside-menu-empty-background-color; i { color: $theme-aside-menu-empty-icon-color; diff --git a/src/assets/style/theme/violet/index.scss b/src/assets/style/theme/violet/index.scss index 66943b90..753f0264 100644 --- a/src/assets/style/theme/violet/index.scss +++ b/src/assets/style/theme/violet/index.scss @@ -2,7 +2,7 @@ @import '../theme.scss'; .theme-#{$theme-name} { - .d2-layout-main-group { + .d2-layout-header-aside-group { background: #bc00e3; background: linear-gradient(120deg, #bc00e3 0%, #4EFFFB 100%); } diff --git a/src/components/core/d2-layout-main/components/-menu-header/index.vue b/src/components/core/d2-layout-main/components/-menu-header/index.vue deleted file mode 100644 index 6edaecd1..00000000 --- a/src/components/core/d2-layout-main/components/-menu-header/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/src/components/core/index.js b/src/components/core/index.js index 38a2cbc4..83445b9e 100644 --- a/src/components/core/index.js +++ b/src/components/core/index.js @@ -4,14 +4,12 @@ import { GridLayout, GridItem } from 'vue-grid-layout' import SplitPane from 'vue-splitpane' import d2Container from '@/components/core/d2-container' -import d2MultiplePageControl from '@/components/core/d2-multiple-page-control' Vue.component('d2-grid-layout', GridLayout) Vue.component('d2-grid-item', GridItem) Vue.component('SplitPane', SplitPane) Vue.component('d2-container', d2Container) -Vue.component('d2-multiple-page-control', d2MultiplePageControl) Vue.component('d2-count-up', () => import('@/components/core/d2-count-up')) Vue.component('d2-highlight', () => import('@/components/core/d2-highlight')) Vue.component('d2-icon', () => import('@/components/core/d2-icon')) @@ -20,4 +18,3 @@ Vue.component('d2-icon-svg', () => import('@/components/core/d2-icon-svg/index.v Vue.component('d2-markdown', () => import('@/components/core/d2-markdown')) Vue.component('d2-mde', () => import('@/components/core/d2-mde')) Vue.component('d2-quill', () => import('@/components/core/d2-quill')) -Vue.component('d2-theme-list', () => import('@/components/core/d2-theme-list')) diff --git a/src/components/core/d2-layout-main/components/-menu-item/index.vue b/src/layout/header-aside/components/components/menu-item/index.vue similarity index 91% rename from src/components/core/d2-layout-main/components/-menu-item/index.vue rename to src/layout/header-aside/components/components/menu-item/index.vue index caafa43f..b6cbb09f 100644 --- a/src/components/core/d2-layout-main/components/-menu-item/index.vue +++ b/src/layout/header-aside/components/components/menu-item/index.vue @@ -8,7 +8,7 @@ diff --git a/src/components/core/d2-layout-main/components/-menu-side/index.vue b/src/layout/header-aside/components/menu-side/index.vue similarity index 76% rename from src/components/core/d2-layout-main/components/-menu-side/index.vue rename to src/layout/header-aside/components/menu-side/index.vue index b5f233bb..be9f3fd5 100644 --- a/src/components/core/d2-layout-main/components/-menu-side/index.vue +++ b/src/layout/header-aside/components/menu-side/index.vue @@ -1,5 +1,5 @@