From 024a84b2ebc9998cc7ca0039be2a2fa0306c3bba Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Tue, 19 Aug 2025 17:11:57 +1000
Subject: [PATCH] =?UTF-8?q?mod:=20=E8=B0=83=E6=95=B4=E8=BF=B7=E4=BD=A0?=
 =?UTF-8?q?=E6=92=AD=E6=94=BE=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

暂时还没有暂停播放和其他控制
---
 src/App.vue                   |  7 +++++--
 src/components/MiniPlayer.vue | 12 ++++++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1a62ced..d398050 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -71,14 +71,17 @@ watch(
 							<SearchIcon :size="4" />
 						</button> -->
 
+						<Player />
+
+
+						<MiniPlayer />
+
 						<button
 							class="text-white w-9 h-9 bg-neutral-800/80 border border-[#ffffff39] rounded-full text-center backdrop-blur-3xl flex justify-center items-center"
 							@click="presentPreferencePanel = true">
 							<CorgIcon :size="4" />
 						</button>
 
-						<MiniPlayer />
-						<Player />
 					</div>
 				</div>
 			</div>
diff --git a/src/components/MiniPlayer.vue b/src/components/MiniPlayer.vue
index edc57bc..1fd5209 100644
--- a/src/components/MiniPlayer.vue
+++ b/src/components/MiniPlayer.vue
@@ -1,16 +1,20 @@
 <script setup lang="ts">
 import { useRoute } from 'vue-router'
+import { usePlayQueueStore } from '../stores/usePlayQueueStore'
 
 const route = useRoute()
+const playQueue = usePlayQueueStore()
 </script>
 
 <template>
-	<RouterLink to="/playroom">
+	<RouterLink to="/playroom" v-if="playQueue.currentTrack">
 		<div
-			class="h-9 w-52 bg-neutral-800/80 border border-[#ffffff39] rounded-full backdrop-blur-3xl flex items-center justify-between select-none">
+			class="h-9 w-52 bg-neutral-800/80 border border-[#ffffff39] rounded-full backdrop-blur-3xl flex items-center justify-between select-none overflow-hidden">
 			<div class="flex items-center gap-2">
-				<div class="rounded-full w-9 h-9 bg-gray-600" />
-				<div class="text-white">Song title</div>
+				<div class="rounded-full w-9 h-9 bg-gray-600 overflow-hidden">
+					<img :src="playQueue.currentTrack.album?.coverUrl ?? ''" />
+				</div>
+				<div class="text-white">{{playQueue.currentTrack.song.name}}</div>
 			</div>
 		</div>
 	</RouterLink>