From 89079cd6f458c06b014d2609dcded95600be30a9 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期六, 16 五月 2026 14:18:44 +0800
Subject: [PATCH] 浪潮——客户 1.样式修改
---
src/store/modules/settings.js | 21 ++++++++++++++++-----
1 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 3a5f6a2..4f00ead 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -4,11 +4,15 @@
const preferredDark = usePreferredDark();
const colorMode = useColorMode({
- emitAuto: true,
+ attribute: 'class',
+ selector: 'html',
+ modes: {
+ dark: 'dark',
+ light: '',
+ }
});
const {
- sideTheme,
showSettings,
topNav,
tagsView,
@@ -21,13 +25,15 @@
const storageSetting = JSON.parse(localStorage.getItem("layout-setting") || "{}");
const defaultDarkMode = darkMode || "auto";
const initialDarkMode = storageSetting.darkMode || defaultDarkMode;
+
+// 璁剧疆鍒濆鍊�
colorMode.value = initialDarkMode;
+
const getIsDark = (mode) => mode === "dark" || (mode === "auto" && preferredDark.value);
const useSettingsStore = defineStore("settings", () => {
const title = ref("");
const theme = ref(storageSetting.theme || "#002fa7");
- const sideThemeValue = ref(storageSetting.sideTheme || sideTheme);
const showSettingsValue = ref(showSettings);
const topNavValue = ref(
storageSetting.topNav === undefined ? topNav : storageSetting.topNav
@@ -47,12 +53,18 @@
const darkModeValue = ref(initialDarkMode);
const isDark = computed(() => getIsDark(darkModeValue.value));
+ // 鐩戝惉绯荤粺涓婚鍙樺寲
+ watch(preferredDark, (newVal) => {
+ if (darkModeValue.value === 'auto') {
+ colorMode.value = 'auto';
+ }
+ });
+
function changeSetting(data) {
const { key, value } = data;
const settingMap = {
title,
theme,
- sideTheme: sideThemeValue,
showSettings: showSettingsValue,
topNav: topNavValue,
tagsView: tagsViewValue,
@@ -86,7 +98,6 @@
return {
title,
theme,
- sideTheme: sideThemeValue,
showSettings: showSettingsValue,
topNav: topNavValue,
tagsView: tagsViewValue,
--
Gitblit v1.9.3