From baf232fd5972b32ec38b03f5718aca06acd9b8b3 Mon Sep 17 00:00:00 2001 From: yizhankui <2669587581@qq.com> Date: Sun, 19 Feb 2023 17:44:11 +0800 Subject: [PATCH] =?UTF-8?q?fix(DarkToggle):=20=E4=B8=BB=E9=A2=98=E5=88=87?= =?UTF-8?q?=E6=8D=A2=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/components/Uno/DarkToggle.vue | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/frontend/components/Uno/DarkToggle.vue b/frontend/components/Uno/DarkToggle.vue index b7cf698..ab4f39d 100644 --- a/frontend/components/Uno/DarkToggle.vue +++ b/frontend/components/Uno/DarkToggle.vue @@ -8,24 +8,14 @@ const themeColor = computed(() => { return color.value === 'dark' ? '#000000' : '#ffffff' }) if (process.client) { - const item = localStorage.getItem('nuxt-color-mode') || 'dark' - localStorage.setItem('nuxt-color-mode', item) const setDark = () => { color.preference = color.value = 'dark' } const setLight = () => { color.preference = color.value = 'light' } - const setItem = () => { - color.preference = color.value = item - } // 先获取media const media = window.matchMedia('(prefers-color-scheme:dark)') - // 判断是否为暗主题 - if (media.matches) - // 如果是暗色主题则使用localStorage储存的上次使用的主题颜色 - setItem() - // 上面操作只会在页面加载时才会生效,因此,需要给media添加事件监听器 // MediaQueryList的maches属性会返回媒体查询的结果 function handleColorChange(e: MediaQueryListEvent) {