From 2a6a53fe63b5a990e9389b78d19f85913d9391c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=B0=8F=E6=9C=AF?= Date: Sun, 5 Dec 2021 22:01:16 +0800 Subject: [PATCH] =?UTF-8?q?fix(docs):=20=E5=A4=9C=E9=97=B4=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F=E5=88=B7=E6=96=B0=E6=B5=8F=E8=A7=88=E5=99=A8=E5=8F=98?= =?UTF-8?q?=E7=99=BD=E5=A4=A9=E6=A8=A1=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.vitepress/devui-theme/components/NavBar.vue | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue index 41949723..d5f588e5 100644 --- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue +++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue @@ -9,9 +9,9 @@ import LightMode from './icons/LightMode.vue' import ZhLang from './icons/ZhLang.vue' import EnLang from './icons/EnLang.vue' -const theme = new Theme('light') - -const darkMode = ref(false) +const defaultDarkMode = !!localStorage.getItem('dark_mode') +const darkMode = ref(defaultDarkMode) +const theme = new Theme(getThemeByDarkMode(darkMode.value)) const defaultLanguage = ref(localStorage.getItem('preferred_lang')) function useTranslation(target) { @@ -24,10 +24,15 @@ function useTranslation(target) { } } +function getThemeByDarkMode(target) { + return target ? 'dark' : 'light' +} + watch( () => darkMode.value, (darkMode, prevDarkMode) => { - theme.applyTheme(darkMode ? 'dark' : 'light') + localStorage.setItem('dark_mode', darkMode ? true : '') + theme.applyTheme(getThemeByDarkMode(darkMode)) } ) -- Gitee