twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-06 00:18:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复本地响应式存储对象设置问题

Browse Source
This commit is contained in:
xiaoxian521 2022-08-22 20:17:50 +08:00
parent 3a0b2e04d4
commit 241fc618b8
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layout/components/setting/index.vue
View File

@ -211,8 +211,9 @@ function setLayoutModel(layout: string) {
$storage.layout = {
layout,
theme: layoutTheme.value.theme,
darkMode: $storage.layout.darkMode,
sidebarStatus: $storage.layout.sidebarStatus
darkMode: $storage.layout?.darkMode,
sidebarStatus: $storage.layout?.sidebarStatus,
epThemeColor: $storage.layout?.epThemeColor
};
useAppStoreHook().setLayout(layout);
}

16
src/layout/hooks/useDataThemeChange.ts
View File

@ -13,7 +13,7 @@ import {
} from "@pureadmin/theme/dist/browser-utils";
export function useDataThemeChange() {
const { layoutTheme } = useLayout();
const { layoutTheme, layout } = useLayout();
const themeColors = ref<Array<themeColorsType>>([
/* 道奇蓝（默认） */
{ color: "#1b2a47", themeColor: "default" },
@ -36,7 +36,7 @@ export function useDataThemeChange() {
]);
const { $storage } = useGlobal<GlobalPropertiesApi>();
const dataTheme = ref<boolean>($storage?.layout?.darkMode);
const body = document.documentElement as HTMLElement;
/** 设置导航主题色 */
@ -45,8 +45,13 @@ export function useDataThemeChange() {
toggleTheme({
scopeName: `layout-theme-${theme}`
});
$storage.layout.theme = theme;
$storage.layout.darkMode = dataTheme.value;
$storage.layout = {
layout: layout.value,
theme,
darkMode: dataTheme.value,
sidebarStatus: $storage.layout?.sidebarStatus,
epThemeColor: $storage.layout?.epThemeColor
};
if (theme === "default" || theme === "light") {
setEpThemeColor(getConfig().EpThemeColor);
@ -82,7 +87,6 @@ export function useDataThemeChange() {
);
}
};
const dataTheme = ref<boolean>($storage?.layout?.darkMode);
/** 日间、夜间主题切换 */
function dataThemeChange() {
@ -94,10 +98,8 @@ export function useDataThemeChange() {
}
if (dataTheme.value) {
$storage.layout.darkMode = true;
document.documentElement.classList.add("dark");
} else {
$storage.layout.darkMode = false;
document.documentElement.classList.remove("dark");
}
}