✨ feat: 优化歌曲列表组件布局，添加底部间距以提升视觉效果

2026-05-19 03:57:28 +08:00 · 2025-06-07 22:47:34 +08:00
parent 934580552d
commit fabcf289dc
3 changed files with 27 additions and 22 deletions
@@ -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>