From cc6c6e311ebac8da82e4749bca6b34bf92df7711 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Mon, 26 May 2025 08:28:47 +1000
Subject: [PATCH] =?UTF-8?q?feat(=E6=92=AD=E6=94=BE=E6=8E=A7=E5=88=B6):=20?=
 =?UTF-8?q?=E4=B8=BA=E6=9B=B2=E7=9B=AE=E5=88=97=E8=A1=A8=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=92=AD=E6=94=BE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 TrackItem 组件中添加 playfrom 属性，用于接收播放函数
- 修改 playTheAlbum 函数支持从指定索引开始播放
- 为 TrackItem 按钮添加点击事件，点击时调用 playfrom 函数
---
 src/components/TrackItem.vue | 6 ++++--
 src/pages/AlbumDetail.vue    | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/TrackItem.vue b/src/components/TrackItem.vue
index c190ad4..4fcaec6 100644
--- a/src/components/TrackItem.vue
+++ b/src/components/TrackItem.vue
@@ -4,13 +4,15 @@ import { artistsOrganize } from '../utils'
 defineProps<{
 	album?: Album,
 	track: Song,
-	index: number
+	index: number,
+	playfrom: (index: number) => void,
 }>()
 </script>
 
 <template>
 	<button
-		class="flex align-center gap-4 text-left odd:bg-neutral-800/20 px-2 h-[2.75rem] rounded-md hover:bg-neutral-800 align-center relative overflow-hidden">
+		class="flex align-center gap-4 text-left odd:bg-neutral-800/20 px-2 h-[2.75rem] rounded-md hover:bg-neutral-800 align-center relative overflow-hidden"
+		@click="playfrom(index)">
 		
 		<span class="text-[3.7rem] text-white/20 absolute right-0 top-[-1.4rem] track_num">{{ index + 1 }}</span>
 
diff --git a/src/pages/AlbumDetail.vue b/src/pages/AlbumDetail.vue
index 9e40313..53c0fea 100644
--- a/src/pages/AlbumDetail.vue
+++ b/src/pages/AlbumDetail.vue
@@ -30,7 +30,7 @@ onMounted(async () => {
 	}
 })
 
-function playTheAlbum() {
+function playTheAlbum(from: number = 0) {
 	if (playQueue.queueReplaceLock) {
 		if (!confirm("当前操作会将你的待播列表清空、放入这张专辑所有曲目，并从新待播清单的开头播放。继续吗？")) { return }
 		playQueue.queueReplaceLock = false
@@ -45,7 +45,7 @@ function playTheAlbum() {
 		})
 	}
 	playQueue.list = newPlayQueue
-	playQueue.currentIndex = 0
+	playQueue.currentIndex = from
 	playQueue.isPlaying = true
 	playQueue.isBuffering = true
 }
@@ -72,7 +72,7 @@ function playTheAlbum() {
 				<div class="flex gap-2">
 					<button
 						class="bg-sky-500/20 hover:bg-sky-500/30 active:bg-sky-600/30 active:shadow-inner border border-[#ffffff39] rounded-full w-56 h-10 text-base text-white flex justify-center items-center gap-2"
-						@click="playTheAlbum">
+						@click="playTheAlbum()">
 						<PlayIcon :size="4" />
 						<div>播放专辑</div>
 					</button>
@@ -93,7 +93,7 @@ function playTheAlbum() {
 				</div>
 			</div>
 			<div class="flex flex-col gap-2">
-				<TrackItem v-for="(track, index) in album?.songs" :key="track.cid" :album="album" :track="track" :index="index" />
+				<TrackItem v-for="(track, index) in album?.songs" :key="track.cid" :album="album" :track="track" :index="index" :playfrom="playTheAlbum" />
 			</div>
 		</div>
 	</div>