feat(Play): 完成播放可以根据列表播放 上一首 下一首

This commit is contained in:
algerkc@qq.com
2023-12-11 16:22:05 +08:00
parent 4da58ef70d
commit c6d72de681
13 changed files with 578 additions and 3416 deletions
+7 -1
View File
@@ -69,6 +69,12 @@ const musicFullClass = computed(() => {
}
})
const handlePlay = (item: any) => {
const tracks = list.value?.tracks || []
const musicIndex = (tracks.findIndex((music: any) => music.id == item.id) || 0)
store.commit('setPlayList', tracks.slice(musicIndex))
}
</script>
@@ -145,7 +151,7 @@ const musicFullClass = computed(() => {
:class="setAnimationClass('animate__bounceInUp')"
:style="setAnimationDelay(index, 100)"
>
<SongItem :item="formatDetail(item)" />
<SongItem :item="formatDetail(item)" @play="handlePlay"/>
</div>
</n-layout>
</div>