Browse Source

设置默认主题为深色模式

liling 2 weeks ago
parent
commit
ac4273974a
2 changed files with 4 additions and 2 deletions
  1. 2 0
      src/layout/components/Navbar.vue
  2. 2 2
      src/store/modules/settings.js

+ 2 - 0
src/layout/components/Navbar.vue

@@ -110,6 +110,8 @@ function setLayout() {
 function toggleTheme() {
   settingsStore.toggleTheme()
 }
+
+toggleTheme();
 </script>
 
 <style lang='scss' scoped>

+ 2 - 2
src/store/modules/settings.js

@@ -2,7 +2,7 @@ import defaultSettings from '@/settings'
 import { useDark, useToggle } from '@vueuse/core'
 import { useDynamicTitle } from '@/utils/dynamicTitle'
 
-const isDark = useDark()
+const isDark =  useDark()
 const toggleDark = useToggle(isDark)
 
 const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
@@ -39,7 +39,7 @@ const useSettingsStore = defineStore(
       },
       // 切换暗黑模式
       toggleTheme() {
-        this.isDark = !this.isDark
+        this.isDark = !this.isDark        
         toggleDark()
       }
     }