From 7e6788a057aac569e14836b19aced35ea68d0cd4 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Thu, 21 Dec 2023 11:26:03 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix(Play):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E7=9B=91=E5=90=AC=E5=92=8Cvip=E6=AD=8C?=
 =?UTF-8?q?=E6=9B=B2=E8=A7=A3=E6=9E=90=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/PlayBar.vue |  9 ++++++++-
 src/store/index.ts                | 11 +++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/layout/components/PlayBar.vue b/src/layout/components/PlayBar.vue
index b35ea65..f268ec1 100644
--- a/src/layout/components/PlayBar.vue
+++ b/src/layout/components/PlayBar.vue
@@ -196,6 +196,13 @@ const onAudio = () => {
     audio.value.removeEventListener('ended', handleEnded)
     audio.value.addEventListener('timeupdate', handleGetAudioTime)
     audio.value.addEventListener('ended', handleEnded)
+    // 监听音乐播放暂停
+    audio.value.addEventListener('pause', () => {
+      store.commit('setPlayMusic', false)
+    })
+    audio.value.addEventListener('play', () => {
+      store.commit('setPlayMusic', true)
+    })
   }
 }
 
@@ -259,7 +266,7 @@ const setMusicFull = () => {
   background-color: rgba(0, 0, 0, 0.747);
 
   .music-content {
-    width: 200px;
+    width: 140px;
     @apply ml-4;
 
     &-title {
diff --git a/src/store/index.ts b/src/store/index.ts
index caf4b51..d6cdac2 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,5 +1,5 @@
-import { createStore } from "vuex";
-import { SongResult } from "@/type/music";
+import { createStore } from 'vuex'
+import { SongResult } from '@/type/music'
 import { getMusicUrl, getParsingMusicUrl } from '@/api/music'
 import homeRouter from '@/router/home'
 import { getMusicProxyUrl } from '@/utils'
@@ -67,7 +67,7 @@ const getSongUrl = async (id: number) => {
   } catch (error) {
     console.error('error', error)
   }
-  url = data.data[0].url
+  url = url ? url : data.data[0].url
   return getMusicProxyUrl(url)
 }
 
@@ -77,10 +77,9 @@ const updatePlayMusic = async (state: State) => {
   state.play = true
 }
 
-
 const store = createStore({
   state: state,
   mutations: mutations,
-});
+})
 
-export default store;
+export default store