暗色菜单风格
-
+
@@ -32,9 +31,9 @@
亮色菜单风格
-
+
@@ -43,7 +42,6 @@
@@ -62,29 +59,19 @@
导航模式
-
-
- 侧边栏导航
-
-
-
-
+
+
+
-
+
-
-
- 顶部栏导航
-
-
-
-
+
+
+
-
+
@@ -93,7 +80,12 @@
该设定仅 [顶部栏导航] 时有效
-
+
固定
流式
@@ -109,36 +101,31 @@
-
+
- 下滑时隐藏 Header
-
-
-
-
-
- 固定侧边菜单
-
-
-
-
-
-
-
-
-
其他设置
-
-
-
-
-
- 色弱模式
+
+ 下滑时隐藏 Header
+
-
+
- 多页签模式
+
+ 固定侧边菜单
+
@@ -146,23 +133,13 @@
-
@@ -171,7 +148,7 @@
import DetailList from '@/components/tools/DetailList'
import SettingItem from '@/components/setting/SettingItem'
import config from '@/config/defaultSettings'
-import { updateTheme, updateColorWeak, colorList } from '@/components/tools/setting'
+import { updateTheme, colorList } from '@/components/tools/setting'
import { mixin, mixinDevice } from '@/utils/mixin'
export default {
@@ -187,9 +164,7 @@ export default {
baseConfig: Object.assign({}, config)
}
},
- watch: {
-
- },
+ watch: {},
mounted() {
const vm = this
setTimeout(() => {
@@ -199,9 +174,6 @@ export default {
if (this.primaryColor !== config.primaryColor) {
updateTheme(this.primaryColor)
}
- if (this.colorWeak !== config.colorWeak) {
- updateColorWeak(this.colorWeak)
- }
},
methods: {
showDrawer() {
@@ -213,45 +185,10 @@ export default {
toggle() {
this.visible = !this.visible
},
- onColorWeak(checked) {
- this.baseConfig.colorWeak = checked
- this.$store.dispatch('ToggleWeak', checked)
- updateColorWeak(checked)
- },
- onMultiTab(checked) {
- this.baseConfig.multiTab = checked
- this.$store.dispatch('ToggleMultiTab', checked)
- },
handleMenuTheme(theme) {
this.baseConfig.navTheme = theme
this.$store.dispatch('ToggleTheme', theme)
},
- doCopy() {
- const text = `export default {
- primaryColor: '${this.baseConfig.primaryColor}', // primary color of ant design
- navTheme: '${this.baseConfig.navTheme}', // theme for nav menu
- layout: '${this.baseConfig.layout}', // nav menu position: sidemenu or topmenu
- contentWidth: '${this.baseConfig.contentWidth}', // layout of content: Fluid or Fixed, only works when layout is topmenu
- fixedHeader: ${this.baseConfig.fixedHeader}, // sticky header
- fixSiderbar: ${this.baseConfig.fixSiderbar}, // sticky siderbar
- autoHideHeader: ${this.baseConfig.autoHideHeader}, // auto hide header
- colorWeak: ${this.baseConfig.colorWeak},
- multiTab: ${this.baseConfig.multiTab},
- // vue-ls options
- storageOptions: {
- namespace: 'pro__',
- name: 'ls',
- storage: 'local',
- }
-}`
- this.$copyText(text).then(message => {
- console.log('copy', message)
- this.$message.success('复制完毕')
- }).catch(err => {
- console.log('copy.err', err)
- this.$message.error('复制失败')
- })
- },
handleLayout(mode) {
this.baseConfig.layout = mode
this.$store.dispatch('ToggleLayoutMode', mode)
@@ -292,75 +229,77 @@ export default {
diff --git a/src/components/tools/HeaderComment.vue b/src/components/tools/HeaderComment.vue
index 3875e6d20..e09d45383 100644
--- a/src/components/tools/HeaderComment.vue
+++ b/src/components/tools/HeaderComment.vue
@@ -25,7 +25,7 @@
diff --git a/src/components/tools/UserMenu.vue b/src/components/tools/UserMenu.vue
index 11c9684f3..19e009b59 100644
--- a/src/components/tools/UserMenu.vue
+++ b/src/components/tools/UserMenu.vue
@@ -2,12 +2,12 @@
-
+
-
+
@@ -31,25 +31,30 @@
-
+