refactor(ui): 统一 SongItem 圆角、抽象 HistoryItem、新增 EmptyState、修复主题色

- SongItem 5 变体容器/图片圆角统一为 rounded-xl(12px):
  BaseSongItem(rounded-3xl→xl) / Standard(img rounded-2xl→xl) /
  Compact(rounded-lg→xl) / List(rounded-lg→xl) / Mini(rounded-2xl→xl)
- 抽象 HistoryItem.vue:AlbumItem 和 PlaylistItem 提取共享 UI 组件,
  消除 ~80 行重复样式代码,同时迁移至内联 Tailwind class
- 新增 EmptyState.vue:统一空状态组件(icon + text,暗色模式完整适配)
- 动画时长:SearchItem 图片 hover duration-700→duration-500
- MobilePlayBar:进度条颜色 Spotify #1ed760→项目主色 #22c55e
This commit is contained in:
alger
2026-03-15 14:14:52 +08:00
parent 57a441312f
commit 3e6f981379
11 changed files with 126 additions and 188 deletions
@@ -195,9 +195,9 @@ watch(
--n-rail-height: 3px;
--n-rail-color: rgba(255, 255, 255, 0.15);
--n-rail-color-dark: rgba(255, 255, 255, 0.15);
--n-fill-color: #1ed760; /* Spotify绿色,可调整为其他绿色 */
--n-fill-color: #22c55e;
--n-handle-size: 0px; /* 隐藏滑块 */
--n-handle-color: #1ed760;
--n-handle-color: #22c55e;
&:hover {
--n-handle-size: 10px; /* 鼠标悬停时显示滑块 */