mirror of
https://github.com/algerkong/AlgerMusicPlayer.git
synced 2026-05-17 02:07:29 +08:00
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:
@@ -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; /* 鼠标悬停时显示滑块 */
|
||||
|
||||
Reference in New Issue
Block a user