From 9a805c9024599f6157c7de249915a964913ee3e3 Mon Sep 17 00:00:00 2001
From: LOG1997 <2694233102@qq.com>
Date: Thu, 9 Jan 2025 20:42:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=87=E6=8D=A2=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E4=B8=8D=E6=88=90=E5=8A=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                           | 1 -
 src/App.vue                            | 8 ++------
 src/utils/index.ts                     | 9 +++++++++
 src/views/Config/Global/FaceConfig.vue | 2 +-
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 8e2b59f..0e47df5 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,6 @@
         "pinia": "^2.2.6",
         "pinia-plugin-persist": "^1.0.0",
         "sparticles": "^1.3.1",
-        "theme-change": "^2.5.0",
         "three": "^0.166.0",
         "three-css3d": "^1.0.6",
         "vue": "^3.5.13",
diff --git a/src/App.vue b/src/App.vue
index 0ff99ae..0aee9b9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import PlayMusic from '@/components/PlayMusic/index.vue'
 import useStore from '@/store'
+import { themeChange } from '@/utils'
 import { storeToRefs } from 'pinia'
-import { themeChange } from 'theme-change'
 import { onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -14,10 +14,6 @@ const { getTheme: localTheme } = storeToRefs(globalConfig)
 const { getPrizeConfig: prizeList } = storeToRefs(prizeConfig)
 
 const tipDialog = ref()
-// const isMobileValue = ref(structuredClone(isMobile.value))
-function setLocalTheme(theme: any) {
-  themeChange(theme.name)
-}
 
 // 设置当前奖列表
 function setCurrentPrize() {
@@ -53,7 +49,7 @@ function judgeChromeOrEdge() {
   return isChrome || isEdge
 }
 onMounted(() => {
-  setLocalTheme(localTheme.value)
+  themeChange(localTheme.value.name)
   setCurrentPrize()
   if (judgeMobile() || !judgeChromeOrEdge()) {
     tipDialog.value.showModal()
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 08e7678..a8caa4a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -39,3 +39,12 @@ export function selectCard(cardIndexArr: number[], tableLength: number, personId
 
   return cardIndex
 }
+
+export function themeChange(theme: string) {
+  // 获取根html
+  const html = document.querySelectorAll('html')
+  if (html) {
+    html[0].setAttribute('data-theme', theme)
+    localStorage.setItem('theme', theme)
+  }
+}
diff --git a/src/views/Config/Global/FaceConfig.vue b/src/views/Config/Global/FaceConfig.vue
index 6a8a3f6..d817065 100644
--- a/src/views/Config/Global/FaceConfig.vue
+++ b/src/views/Config/Global/FaceConfig.vue
@@ -2,10 +2,10 @@
 import i18n, { languageList } from '@/locales/i18n'
 
 import useStore from '@/store'
+import { themeChange } from '@/utils'
 import { isHex, isRgbOrRgba } from '@/utils/color'
 import daisyuiThemes from 'daisyui/src/theming/themes'
 import { storeToRefs } from 'pinia'
-import { themeChange } from 'theme-change'
 import { onMounted, ref, watch } from 'vue'
 import { ColorPicker } from 'vue3-colorpicker'
 import { useI18n } from 'vue-i18n'