From fabcf289dc052178077a8d67ae8c2dfd0af2db39 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sat, 7 Jun 2025 22:47:34 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=BC=98=E5=8C=96=E6=AD=8C?=
 =?UTF-8?q?=E6=9B=B2=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=BA=95=E9=83=A8=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=E4=BB=A5=E6=8F=90=E5=8D=87=E8=A7=86=E8=A7=89=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/views/artist/detail.vue       | 18 +++++++-------
 src/renderer/views/music/MusicListPage.vue | 28 ++++++++++++----------
 src/renderer/views/user/index.vue          |  3 ++-
 3 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/renderer/views/artist/detail.vue b/src/renderer/views/artist/detail.vue
index 5fa4f32..b7cb75b 100644
--- a/src/renderer/views/artist/detail.vue
+++ b/src/renderer/views/artist/detail.vue
@@ -109,14 +109,16 @@
               @scroll="handleVirtualScroll"
             >
               <template #default="{ item, index }">
-                <div class="double-item">
-                  <song-item
-                    :index="index"
-                    :compact="isCompactLayout"
-                    :item="formatSong(item)"
-                    @play="handlePlay"
-                    :style="{paddingBottom: index === filteredSongs.length - 1 ? '100px' : '0'}"
-                  />
+                <div>
+                  <div class="double-item">
+                    <song-item
+                      :index="index"
+                      :compact="isCompactLayout"
+                      :item="formatSong(item)"
+                      @play="handlePlay"
+                    />
+                  </div>
+                  <div v-if="index === filteredSongs.length - 1" class="h-36"></div>
                 </div>
               </template>
             </n-virtual-list>
diff --git a/src/renderer/views/music/MusicListPage.vue b/src/renderer/views/music/MusicListPage.vue
index 89d98ab..43819be 100644
--- a/src/renderer/views/music/MusicListPage.vue
+++ b/src/renderer/views/music/MusicListPage.vue
@@ -168,19 +168,21 @@
                 @scroll="handleVirtualScroll"
               >
                 <template #default="{ item, index }">
-                  <div class="double-item">
-                    <song-item  
-                      :index="index"
-                      :compact="isCompactLayout"
-                      :item="formatSong(item)"
-                      :can-remove="canRemove"
-                      :selectable="isSelecting"
-                      :selected="selectedSongs.includes(item.id as number)"
-                      @play="handlePlay"
-                      @remove-song="handleRemoveSong"
-                      @select="(id, selected) => handleSelect(id, selected)"
-                      :style="{paddingBottom: index === filteredSongs.length - 1 ? '100px' : '0'}"
-                    />
+                  <div>
+                    <div class="double-item">
+                      <song-item  
+                        :index="index"
+                        :compact="isCompactLayout"
+                        :item="formatSong(item)"
+                        :can-remove="canRemove"
+                        :selectable="isSelecting"
+                        :selected="selectedSongs.includes(item.id as number)"
+                        @play="handlePlay"
+                        @remove-song="handleRemoveSong"
+                        @select="(id, selected) => handleSelect(id, selected)"
+                      />
+                    </div>
+                    <div v-if="index === filteredSongs.length - 1" class="h-36"></div>
                   </div>
                 </template>
               </n-virtual-list>
diff --git a/src/renderer/views/user/index.vue b/src/renderer/views/user/index.vue
index 9475d44..0a43cea 100644
--- a/src/renderer/views/user/index.vue
+++ b/src/renderer/views/user/index.vue
@@ -47,7 +47,7 @@
               />
               <div class="play-list-item-info">
                 <div class="play-list-item-name">
-                  {{ item.name }}
+                  <n-ellipsis :line-clamp="1">{{ item.name }}</n-ellipsis>
                   <div v-if="item.creator.userId === user.userId" class="playlist-creator-tag">
                     {{ t('user.playlist.mine') }}
                   </div>
@@ -396,6 +396,7 @@ const isLoggedIn = computed(() => userStore.user);
         height: 18px;
         font-size: 10px;
         font-weight: 500;
+        min-width: 60px;
         backdrop-filter: blur(4px);
         -webkit-backdrop-filter: blur(4px);
       }