From 68aedda1c26b44d12d7b002335d4e4408336dca4 Mon Sep 17 00:00:00 2001 From: algerkong Date: Mon, 26 Jul 2021 09:19:11 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BD=93=E5=89=8D=E6=AD=8C?= =?UTF-8?q?=E8=AF=8D=20=E5=8F=98=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layout/components/PlayBar.vue | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/layout/components/PlayBar.vue b/src/layout/components/PlayBar.vue index 4dcf086..7db1a14 100644 --- a/src/layout/components/PlayBar.vue +++ b/src/layout/components/PlayBar.vue @@ -186,7 +186,7 @@ const setMusicFull = () => { const musicFullClass = computed(() => { if (musicFull.value) { - return setAnimationClass('animate__zoomInUp') + return setAnimationClass('animate__fadeInUp') } else { return setAnimationClass('animate__fadeOutDown') } @@ -246,9 +246,9 @@ const loadLrc = async () => { } // 是否是当前正在播放的歌词 -const isCurrentLrc = computed((index) => { +const isCurrentLrc = (index: any) => { return !(nowTime.value <= lrcTimeArray.value[index] || nowTime.value >= lrcTimeArray.value[index + 1]) -}) +} onMounted(() => { }) @@ -258,7 +258,7 @@ onMounted(() => { #drawer-target { @apply top-0 left-0 absolute w-full h-full overflow-hidden rounded px-24 pt-24 pb-48 flex items-center; background-color: #333333; - animation-duration: 500ms; + animation-duration: 300ms; .music-img { @apply flex-1; .img { @@ -284,7 +284,8 @@ onMounted(() => { } .now-text { - @apply font-bold; + @apply font-bold text-xl text-red-500; + transition: all 0.3s ease-out; } } }