From 257a33ec3d812e05a8d55d36f4da67a82c54eead Mon Sep 17 00:00:00 2001 From: Astrian Zheng Date: Sun, 25 May 2025 10:51:31 +1000 Subject: [PATCH] =?UTF-8?q?style(Playroom):=20=E6=A0=BC=E5=BC=8F=E5=8C=96?= =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=B9=B6=E4=BF=AE=E5=A4=8D=E7=BC=A9=E8=BF=9B?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 统一代码缩进风格，增强代码可读性，并修复部分模板中的换行问题 --- src/pages/Playroom.vue | 66 +++++++++++++++++++++++++++++++++++++++--- 1 file changed, 62 insertions(+), 4 deletions(-) diff --git a/src/pages/Playroom.vue b/src/pages/Playroom.vue index 8d52d7a..81c0607 100644 --- a/src/pages/Playroom.vue +++ b/src/pages/Playroom.vue @@ -19,7 +19,7 @@ onMounted(() => { Draggable.create(progressBarThumb.value, { type: 'x', bounds: progressBarContainer.value, - onDrag: function() { + onDrag: function () { const thumbPosition = this.x const containerWidth = progressBarContainer.value?.clientWidth || 0 const newTime = (thumbPosition / containerWidth) * playQueueStore.duration @@ -61,7 +61,8 @@ watch(() => playQueueStore.currentTime, () => {
{{ artistsOrganize(playQueueStore.list[playQueueStore.currentIndex].song.artists ?? []) }} — - {{ playQueueStore.list[playQueueStore.currentIndex].album?.name ?? '未知专辑' }}
+ {{ playQueueStore.list[playQueueStore.currentIndex].album?.name ?? '未知专辑' }} +
@@ -70,10 +71,67 @@ watch(() => playQueueStore.currentTime, () => {
+
-
{{ timeFormatter(Math.floor(playQueueStore.currentTime)) }}
+
+ {{ timeFormatter(Math.floor(playQueueStore.currentTime)) }} +
MP3
- + +
+ +
+
+
+ + + + + + +
+