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

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