fix: 设置菜单折叠宽度

This commit is contained in:
MTrun
2022-01-08 15:00:52 +08:00
parent 1298abd9e6
commit 58261fd3a3
9 changed files with 35 additions and 22 deletions
+1 -1
View File
@@ -10,5 +10,5 @@ export interface DesignStateType {
//系统内置风格
appThemeList: string[]
// 侧边栏是否全收缩
asideAllShrink: boolean
asideAllCollapsed: boolean
}
+7 -4
View File
@@ -1,6 +1,6 @@
import { defineStore } from 'pinia'
import { store } from '@/store'
import { theme, asideAllShrink } from '@/settings/designSetting'
import { theme, asideAllCollapsed, asideCollapsedWidth } from '@/settings/designSetting'
import { DesignStateType } from './designStore.d'
import { setLocalStorage, getLocalStorage } from '@/utils'
import { StorageEnum } from '@/enums/storageEnum'
@@ -25,7 +25,7 @@ export const useDesignStore = defineStore({
// 颜色列表
appThemeList,
// 侧边栏
asideAllShrink
asideAllCollapsed
},
getters: {
getDarkTheme(e): boolean {
@@ -36,6 +36,9 @@ export const useDesignStore = defineStore({
},
getAppThemeList(): string[] {
return this.appThemeList
},
getAsideCollapsedWidth(): string {
return this.asideAllCollapsed ? '0' : asideCollapsedWidth
}
},
actions: {
@@ -44,8 +47,8 @@ export const useDesignStore = defineStore({
this.themeName = this.darkTheme ? ThemeEnum.dark : ThemeEnum.light
setLocalStorage(GO_DESIGN_STORE, this.$state)
},
changeAsideAllShrink(): void {
this.asideAllShrink = !this.asideAllShrink
changeAsideAllCollapsed(): void {
this.asideAllCollapsed = !this.asideAllCollapsed
setLocalStorage(GO_DESIGN_STORE, this.$state)
}
}