fix: 🐛 修复 Storage 在缺失 DESIGN-SETTING 时设置根节点属性的错误

2025-04-06 03:57:47 +08:00 · 2024-03-05 00:34:51 +08:00 · 2024-03-05 00:34:51 +08:00 · e62d5988e1
commit e62d5988e1
parent 8e5979c808
2 changed files with 7 additions and 13 deletions
--- a/index.html
+++ b/index.html
@ -9,24 +9,19 @@
  <body>
    <div id="app">
      <script>
-        const designSetting = JSON.parse(
-          window.localStorage.getItem('DESIGN-SETTING'),
-        )
-
        ;(() => {
+          const { darkMode, appTheme = '#5d9dfe' } =
+            JSON.parse(window.localStorage.getItem('DESIGN-SETTING')) || {}
+
          let htmlRoot = document.getElementById('htmlRoot')
-          let darkMode = designSetting.darkMode
-          if (htmlRoot && darkMode) {
-            htmlRoot.setAttribute('data-theme', darkMode)
-            darkMode = htmlRoot = null
-          } else {
-            htmlRoot.setAttribute('data-theme', 'light')
+          if (htmlRoot) {
+            htmlRoot.setAttribute('data-theme', darkMode || 'light')
          }

          // 设置主题色变量
          document.documentElement.style.setProperty(
            '--app-theme-color',
-            designSetting.appTheme,
+            appTheme,
          )
        })()
      </script>
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@ -44,8 +44,7 @@
 <script setup lang="ts">
 import { useDesignSettingStore } from '@/store/modules/designSetting'
 import { hexToRgba } from '@/utils/index'
-
-const { appThemeList } = designSetting
+import { appThemeList } from '@/settings/designSetting'

 const defaultAppTheme = appThemeList[0]
 const designStore = useDesignSettingStore()