微调

frontend/src/layouts/components/Header/components/ThemeDialog.vue

@@ -22,6 +22,9 @@ import { on } from "events";
 
   const dialogVisible = ref(false);
   const openDialog = () => {
+      // 修复：使用可选链和空值合并运算符确保不会出现 null 或 undefined
+    const storedColor = JSON.parse(localStorage.getItem('cn-global') ?? '{}').primary;
+    color.value = storedColor ?? '#526ADE'; // 默认值为 '#526ADE'
     dialogVisible.value = true;
   };
 
@@ -30,11 +33,12 @@ import { on } from "events";
     dialogVisible.value = false;
   };
 
-  onMounted(() => {
-   // 修复：使用可选链和空值合并运算符确保不会出现 null 或 undefined
-  const storedColor = JSON.parse(localStorage.getItem('cn-global') ?? '{}').primary;
-  color.value = storedColor ?? '#526ADE'; // 默认值为 '#526ADE'
-  })
+  // onMounted(() => {
+  //  // 修复：使用可选链和空值合并运算符确保不会出现 null 或 undefined
+  // const storedColor = JSON.parse(localStorage.getItem('cn-global') ?? '{}').primary;
+  // console.log('123',storedColor)
+  // color.value = storedColor ?? '#526ADE'; // 默认值为 '#526ADE'
+  // })
   
   defineExpose({ openDialog });
   </script>