twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into gitee

Browse Source
This commit is contained in:
xiaoxian521 2024-03-06 01:15:52 +08:00
commit 969c0f89ec
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,7 +13,7 @@ import panel from "../panel/index.vue";
import { emitter } from "@/utils/mitt"; import { emitter } from "@/utils/mitt";
import { useNav } from "@/layout/hooks/useNav"; import { useNav } from "@/layout/hooks/useNav";
import { useAppStoreHook } from "@/store/modules/app"; import { useAppStoreHook } from "@/store/modules/app";
import { useDark, debounce, useGlobal } from "@pureadmin/utils"; import { useDark, useGlobal, debounce } from "@pureadmin/utils";
import { toggleTheme } from "@pureadmin/theme/dist/browser-utils"; import { toggleTheme } from "@pureadmin/theme/dist/browser-utils";
import { useMultiTagsStoreHook } from "@/store/modules/multiTags"; import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
import Segmented, { type OptionsType } from "@/components/ReSegmented"; import Segmented, { type OptionsType } from "@/components/ReSegmented";
@ -88,17 +88,15 @@ function storageConfigureChange<T>(key: string, val: T): void {
/** 灰色模式设置 */ /** 灰色模式设置 */
const greyChange = (value): void => { const greyChange = (value): void => {
toggleClass(settings.greyVal, "html-grey", document.querySelector("html")); const htmlEl = document.querySelector("html");
toggleClass(settings.greyVal, "html-grey", htmlEl);
storageConfigureChange("grey", value); storageConfigureChange("grey", value);
}; };
/** 色弱模式设置 */ /** 色弱模式设置 */
const weekChange = (value): void => { const weekChange = (value): void => {
toggleClass( const htmlEl = document.querySelector("html");
settings.weakVal, toggleClass(settings.weakVal, "html-weakness", htmlEl);
"html-weakness",
document.querySelector("html")
);
storageConfigureChange("weak", value); storageConfigureChange("weak", value);
}; };
@ -266,9 +264,9 @@ onBeforeMount(() => {
nextTick(() => { nextTick(() => {
watchSystemThemeChange(); watchSystemThemeChange();
settings.greyVal && settings.greyVal &&
document.querySelector("html")?.setAttribute("class", "html-grey"); document.querySelector("html")?.classList.add("html-grey");
settings.weakVal && settings.weakVal &&
document.querySelector("html")?.setAttribute("class", "html-weakness"); document.querySelector("html")?.classList.add("html-weakness");
settings.tabsVal && tagsChange(); settings.tabsVal && tagsChange();
settings.hideFooter && hideFooterChange(); settings.hideFooter && hideFooterChange();
}); });

2
types/global.d.ts vendored
View File

@ -182,7 +182,7 @@ declare global {
} }
/** /**
* 扩展 `Elemet` * 扩展 `Element`
*/ */
interface Element { interface Element {
// v-ripple 作用于 src/directives/ripple/index.ts 文件 // v-ripple 作用于 src/directives/ripple/index.ts 文件