diff --git a/template/admin/src/layout/navBars/breadcrumb/setings.vue b/template/admin/src/layout/navBars/breadcrumb/setings.vue index f830eacbf..8abd78d82 100644 --- a/template/admin/src/layout/navBars/breadcrumb/setings.vue +++ b/template/admin/src/layout/navBars/breadcrumb/setings.vue @@ -373,6 +373,8 @@ export default { let themeSelect = themeList[val]; if (['theme-1', 'theme-3', 'theme-5', 'theme-7'].includes(val)) { // 这几个为黑色背景主题 + themeSelect['--prev-border-color-lighter'] = '#ebeef5'; + if (['classic', 'transverse'].includes(this.getThemeConfig.layout)) { themeSelect['--prev-bg-topBar'] = '#282c34'; themeSelect['--prev-bg-topBarColor'] = '#fff'; @@ -381,21 +383,27 @@ export default { if (val == 'theme-1') { themeSelect['--prev-bg-menu-hover-ba-color'] = '#1890ff'; themeSelect['--prev-bg-menuBar'] = '#282c34'; + themeSelect['--prev-border-color-lighter'] = '#282c34'; } else if (val == 'theme-3') { themeSelect['--prev-bg-menu-hover-ba-color'] = '#41b584'; themeSelect['--prev-bg-menuBar'] = '#282c34'; + themeSelect['--prev-border-color-lighter'] = '#282c34'; } else if (val == 'theme-5') { themeSelect['--prev-bg-menu-hover-ba-color'] = '#6954f0'; themeSelect['--prev-bg-menuBar'] = '#282c34'; + themeSelect['--prev-border-color-lighter'] = '#282c34'; } else if (val == 'theme-7') { themeSelect['--prev-bg-menu-hover-ba-color'] = '#f34d37'; themeSelect['--prev-bg-menuBar'] = '#282c34'; + themeSelect['--prev-border-color-lighter'] = '#282c34'; } } else if (this.getThemeConfig.layout === 'columns') { themeSelect['--prev-bg-topBar'] = '#fff'; themeSelect['--prev-bg-topBarColor'] = '#515a6e'; themeSelect['--prev-bg-menuBar'] = '#fff'; themeSelect['--prev-bg-menuBarColor'] = '#303133'; + themeSelect['--prev-border-color-lighter'] = '#ebeef5'; + if (val == 'theme-1') { themeSelect['--prev-bg-menu-hover-ba-color'] = '#e8f4ff'; themeSelect['--prev-color-primary'] = '#1890ff'; @@ -449,6 +457,8 @@ export default { themeSelect['--prev-MenuActiveColor'] = '#fff'; } } + } else { + themeSelect['--prev-border-color-lighter'] = '#ebeef5'; } for (let key in themeSelect) { document.documentElement.style.setProperty(key, themeSelect[key]); diff --git a/template/admin/src/layout/navBars/tagsView/tagsView.vue b/template/admin/src/layout/navBars/tagsView/tagsView.vue index 67912c8e7..bfe221419 100644 --- a/template/admin/src/layout/navBars/tagsView/tagsView.vue +++ b/template/admin/src/layout/navBars/tagsView/tagsView.vue @@ -401,7 +401,7 @@ export default { .layout-navbars-tagsview { flex: 1; background-color: var(--prev-bg-white); - border-bottom: 1px solid var(--prev-border-color-lighter); + // border-bottom: 1px solid var(--prev-border-color-lighter); display: flex; align-items: center; & ::v-deep .is-vertical {