🐞 fix: 修复播放暂停控制问题 后续优化为参数监听

src/components/common/PlayVideo.vue

@@ -15,6 +15,8 @@
 <script setup lang="ts">
 import { useStore } from 'vuex';
 
+import { audioService } from '@/services/audioService';
+
 const props = defineProps<{
   show: boolean;
   title: string;
@@ -29,6 +31,7 @@ watch(
     if (val) {
       store.commit('setIsPlay', false);
       store.commit('setPlayMusic', false);
+      audioService.getCurrentSound()?.pause();
     }
   },
 );

src/components/common/SearchItem.vue

@@ -27,6 +27,7 @@ import { useStore } from 'vuex';
 
 import { getAlbum, getListDetail } from '@/api/list';
 import MvPlayer from '@/components/MvPlayer.vue';
+import { audioService } from '@/services/audioService';
 import { IMvItem } from '@/type/mv';
 import { getImgUrl } from '@/utils';
 
@@ -75,6 +76,7 @@ const handleClick = async () => {
   if (props.item.type === 'mv') {
     store.commit('setIsPlay', false);
     store.commit('setPlayMusic', false);
+    audioService.getCurrentSound()?.pause();
     showPop.value = true;
   }
 };

src/components/common/SongItem.vue

@@ -54,6 +54,7 @@
 import { computed, useTemplateRef } from 'vue';
 import { useStore } from 'vuex';
 
+import { audioService } from '@/services/audioService';
 import type { SongResult } from '@/type/music';
 import { getImgUrl } from '@/utils';
 import { getImageBackground } from '@/utils/linearColor';
@@ -105,8 +106,10 @@ const playMusicEvent = async (item: SongResult) => {
   if (playMusic.value.id === item.id) {
     if (play.value) {
       store.commit('setPlayMusic', false);
+      audioService.getCurrentSound()?.pause();
     } else {
       store.commit('setPlayMusic', true);
+      audioService.getCurrentSound()?.play();
     }
     return;
   }