From bb9904999143452da918db41cc5144e7a36e7f88 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Mon, 9 Dec 2024 22:58:57 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts              | 1 -
 src/components/MusicList.vue | 7 ++++---
 src/views/list/index.vue     | 2 +-
 src/views/mv/index.vue       | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 9ee79e6..961fde7 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -35,7 +35,6 @@ declare module 'vue' {
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NVirtualList: typeof import('naive-ui')['NVirtualList']
-    NVirtualListualList: typeof import('naive-ui')['NVirtualListualList']
     PlayBottom: typeof import('./src/components/common/PlayBottom.vue')['default']
     PlayListsItem: typeof import('./src/components/common/PlayListsItem.vue')['default']
     PlaylistType: typeof import('./src/components/PlaylistType.vue')['default']
diff --git a/src/components/MusicList.vue b/src/components/MusicList.vue
index 4c66acd..5f1b32b 100644
--- a/src/components/MusicList.vue
+++ b/src/components/MusicList.vue
@@ -1,7 +1,7 @@
 <template>
   <n-drawer
     :show="show"
-    :height="isMobile ? '100vh' : '70vh'"
+    :height="isMobile ? '100vh' : '80vh'"
     placement="bottom"
     block-scroll
     mask-closable
@@ -28,6 +28,7 @@
               class="cover-img"
               preview-disabled
               :class="setAnimationClass('animate__fadeIn')"
+              object-fit="cover"
             />
           </div>
           <div class="music-detail">
@@ -52,7 +53,7 @@
                   v-for="(item, index) in displayedSongs"
                   :key="item.id"
                   class="double-item"
-                  :class="setAnimationClass('animate__bounceInDown')"
+                  :class="setAnimationClass('animate__bounceInUp')"
                   :style="getItemAnimationDelay(index)"
                 >
                   <song-item :item="formatDetail(item)" @play="handlePlay" />
@@ -220,7 +221,7 @@ watch(
   }
 
   &-info {
-    @apply w-[400px] flex-shrink-0 pr-8 flex flex-col;
+    @apply w-[25%] flex-shrink-0 pr-8 flex flex-col;
 
     .music-cover {
       @apply w-full aspect-square rounded-lg overflow-hidden mb-4;
diff --git a/src/views/list/index.vue b/src/views/list/index.vue
index 17a6172..552d2eb 100644
--- a/src/views/list/index.vue
+++ b/src/views/list/index.vue
@@ -168,7 +168,7 @@ watch(
 
   &-list {
     @apply grid gap-x-8 gap-y-6 pb-28 pr-4;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
   &-item {
     @apply flex flex-col;
diff --git a/src/views/mv/index.vue b/src/views/mv/index.vue
index 2006eba..ada2cf3 100644
--- a/src/views/mv/index.vue
+++ b/src/views/mv/index.vue
@@ -163,7 +163,7 @@ const isPrevDisabled = computed(() => currentIndex.value === 0);
 
   &-content {
     @apply grid gap-4 pb-28 mt-2 pr-4;
-    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
   }
 
   .mv-item {