fix(theme): 修复跟随系统主题解析
This commit is contained in:
@@ -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";
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user