fix(theme): 修复跟随系统主题解析

This commit is contained in:
Coast
2026-04-21 14:48:07 +08:00
parent 33bde0eaf8
commit 1d6c65d1a7
9 changed files with 99 additions and 35 deletions

View File

@@ -19,7 +19,7 @@ const layout = computed(() => settingsStore.layout);
const hamburgerClass = computed(() => {
// 如果暗黑主题
if (settingsStore.theme === ThemeMode.DARK) {
if (settingsStore.resolvedTheme === ThemeMode.DARK) {
return "hamburger--white";
}

View File

@@ -1,7 +1,7 @@
<template>
<el-dropdown trigger="click" @command="handleDarkChange">
<el-icon :size="20">
<component :is="settingsStore.theme === ThemeMode.DARK ? Moon : Sunny" />
<component :is="currentThemeIcon" />
</el-icon>
<template #dropdown>
<el-dropdown-menu>
@@ -34,6 +34,14 @@ const theneList = [
{ label: t("login.auto"), value: ThemeMode.AUTO, component: Monitor },
];
const currentThemeIcon = computed(() => {
if (settingsStore.theme === ThemeMode.AUTO) {
return Monitor;
}
return settingsStore.resolvedTheme === ThemeMode.DARK ? Moon : Sunny;
});
const handleDarkChange = (theme: ThemeMode) => {
settingsStore.theme = theme;
};