feat: 添加历史日推功能

This commit is contained in:
alger
2025-10-22 21:52:22 +08:00
parent 35b798b69e
commit 9bf513d35d
8 changed files with 458 additions and 10 deletions
@@ -34,7 +34,7 @@
<template #content>
<div class="song-item-content-compact">
<div class="song-item-content-compact-wrapper">
<div class="song-item-content-compact-title w-60 flex-shrink-0">
<div class="song-item-content-compact-title">
<n-ellipsis
class="text-ellipsis"
line-clamp="1"
@@ -197,26 +197,26 @@ const formatDuration = (ms: number): string => {
}
.song-item-content-compact {
@apply flex-1 flex items-center gap-4;
@apply flex-1 flex items-center gap-2;
&-wrapper {
@apply flex-1 min-w-0 flex items-center;
@apply flex-[2] flex items-center gap-2 min-w-0;
}
&-title {
@apply text-sm cursor-pointer text-gray-900 dark:text-white flex items-center;
@apply flex-[2.5] min-w-0 text-sm cursor-pointer text-gray-900 dark:text-white;
}
&-artist {
@apply w-40 text-sm text-gray-500 dark:text-gray-400 ml-2 flex items-center;
@apply flex-[1.5] min-w-0 text-sm text-gray-500 dark:text-gray-400;
}
&-album {
@apply w-32 flex items-center text-sm text-gray-500 dark:text-gray-400;
@apply flex-[1.5] min-w-0 text-sm text-gray-500 dark:text-gray-400;
}
&-duration {
@apply w-16 flex items-center text-sm text-gray-500 dark:text-gray-400 text-right;
@apply w-14 flex-shrink-0 text-sm text-gray-500 dark:text-gray-400 justify-end;
}
}