From 483a573f06975f78745cf5fec61cf753c04f4e8f Mon Sep 17 00:00:00 2001
From: Miao_Spring <539943419@qq.com>
Date: Mon, 30 Sep 2024 23:38:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9F=B3=E4=B9=90=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98=E6=AD=8C=E5=8D=95=E6=B7=BB=E5=8A=A0=E9=98=B2?=
 =?UTF-8?q?=E6=8A=96=E3=80=82=E4=BF=AE=E5=A4=8D=E9=9F=B3=E4=B9=90=E6=8F=92?=
 =?UTF-8?q?=E4=BB=B6=E5=85=A8=E5=B1=8F=E6=98=BE=E7=A4=BA=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/miaoMusicPlayer/miaoMusicPlayer.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/plugins/miaoMusicPlayer/miaoMusicPlayer.vue b/src/plugins/miaoMusicPlayer/miaoMusicPlayer.vue
index adb9135..a61edc4 100644
--- a/src/plugins/miaoMusicPlayer/miaoMusicPlayer.vue
+++ b/src/plugins/miaoMusicPlayer/miaoMusicPlayer.vue
@@ -50,6 +50,7 @@ import miaoMusicMain from './src/main.vue'
 import collectionType from './types/collection'
 import cloneDeep from 'lodash/cloneDeep'
 import localForage from 'localforage'
+import debounce from 'lodash/debounce'
 
 const pluginCenter = usePluginCenter()
 let ap = ref<apType>()
@@ -170,10 +171,13 @@ const initAPlayerMiao = () => {
     })
 }
 
-const updateLocalData = () => {
-    // console.log('updateLocalData', toRaw(data.value))
+const updateLocalData = debounce(() => {
+    console.log('update')
     localForage.setItem('miaoMusic-storage-musicCollections', toRaw(data.value))
-}
+}, 1000, {
+  'leading': false,
+  'trailing': true
+})
 const getLocalData = async () => {
     data.value =
         (await localForage.getItem('miaoMusic-storage-musicCollections')) ?? []
@@ -199,6 +203,7 @@ onUnmounted(() => {
     height: 100%;
     display: flex;
     flex-direction: column;
+    background-color: #ffffff;
 }
 </style>
 <style lang="scss">