fix: 修复在Safari浏览器关闭音乐列表屏幕闪烁问题

antigenius-lb · Nov 2, 2023 · 1f8afa7 · 1f8afa7
1 parent 418d73c
commit 1f8afa7
Showing 1 changed file with 1 addition and 7 deletions.
diff --git 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;
 }