From 9c03de74f818377a7d3253c512202cd0da6d1197 Mon Sep 17 00:00:00 2001
From: first19326 <870390039@qq.com>
Date: Fri, 3 Nov 2023 00:47:07 +0800
Subject: [PATCH 1/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A3=81=E7=BA=B8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E7=8A=B6=E6=80=81=E4=B8=8B=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E8=8F=9C=E5=8D=95=E6=8C=89=E9=92=AE=E6=9C=AA=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index b417523..c777137 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,12 @@
         </section>
       </div>
       <!-- 移动端菜单按钮 -->
-      <Icon class="menu" size="24" @click="store.mobileOpenState = !store.mobileOpenState">
+      <Icon
+        class="menu"
+        size="24"
+        v-show="!store.backgroundShow"
+        @click="store.mobileOpenState = !store.mobileOpenState"
+      >
         <component :is="store.mobileOpenState ? CloseSmall : HamburgerButton" />
       </Icon>
       <!-- 页脚 -->

From 418d73caba1f2939cd4361fd9aee66544deaba20 Mon Sep 17 00:00:00 2001
From: first19326 <870390039@qq.com>
Date: Fri, 3 Nov 2023 00:48:17 +0800
Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D720px=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E7=9A=84=E8=A7=86=E7=AA=97=E4=B8=8B=EF=BC=8C=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E6=8C=89=E9=92=AE=E6=9C=AA=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index c777137..3c905b6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -183,7 +183,7 @@ onBeforeUnmount(() => {
     .i-icon {
       transform: translateY(2px);
     }
-    @media (min-width: 720px) {
+    @media (min-width: 721px) {
       display: none;
     }
   }

From 1f8afa7268646fef3bdbbab9750ecb60c13067d9 Mon Sep 17 00:00:00 2001
From: first19326 <870390039@qq.com>
Date: Fri, 3 Nov 2023 00:49:18 +0800
Subject: [PATCH 3/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9C=A8Safari?=
 =?UTF-8?q?=E6=B5=8F=E8=A7=88=E5=99=A8=E5=85=B3=E9=97=AD=E9=9F=B3=E4=B9=90?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B1=8F=E5=B9=95=E9=97=AA=E7=83=81=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Music.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/Music.vue b/src/components/Music.vue
index 1568eb2..5239a46 100644
--- a/src/components/Music.vue
+++ b/src/components/Music.vue
@@ -42,7 +42,7 @@
     </div>
   </div>
   <!-- 音乐列表弹窗 -->
-  <Transition name="fade">
+  <Transition name="fade" mode="out-in">
     <div class="music-list" v-show="musicListShow" @click="musicListShow = false">
       <Transition name="zoom">
         <div class="list" v-show="musicListShow" @click.stop>
@@ -281,12 +281,6 @@ watch(
 }
 
 // 弹窗动画
-.fade-enter-active {
-  animation: fade 0.3s ease-in-out;
-}
-.fade-leave-active {
-  animation: fade 0.3s ease-in-out reverse;
-}
 .zoom-enter-active {
   animation: zoom 0.4s ease-in-out;
 }

From 17b278f4679e1f9c4e756d91ddd5a94022ca2c4c Mon Sep 17 00:00:00 2001
From: first19326 <870390039@qq.com>
Date: Fri, 3 Nov 2023 00:49:56 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A3=81=E7=BA=B8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E7=8A=B6=E6=80=81=E6=97=A0=E6=B3=95=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E4=B8=8B=E8=BD=BD=E6=8C=89=E9=92=AE=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Background.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Background.vue b/src/components/Background.vue
index 178cfd5..2b8e385 100644
--- a/src/components/Background.vue
+++ b/src/components/Background.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="cover">
+  <div :class="store.backgroundShow ? 'cover show' : 'cover'">
     <img
       v-show="store.imgLoadStatus"
       class="bg"
@@ -99,6 +99,10 @@ onBeforeUnmount(() => {
   transition: 0.25s;
   z-index: -1;
 
+  &.show {
+    z-index: 1;
+  }
+
   .bg {
     position: absolute;
     left: 0;