|
|
d99ae28f8c
|
feat(播放器): 添加随机播放功能
实现播放队列的随机播放模式，包括：
1. 在 store 中添加 shuffleList 和 playMode 状态
2. 修改播放器组件以支持随机播放时的歌曲切换
3. 更新播放界面以显示随机播放队列
4. 添加随机播放按钮交互逻辑
当开启随机播放时，会生成随机播放列表并保持当前播放歌曲不变，关闭时可恢复原播放顺序。
|
2025-05-26 13:20:08 +10:00 |
|
|
|
b6574d8093
|
feat(播放界面): 新增音量图标并优化播放器布局
- 添加新的音量图标组件 speaker.vue
- 调整播放器界面布局，将歌曲信息与操作按钮重新排列
- 优化播放控制按钮的视觉效果，统一模糊效果实现方式
|
2025-05-26 12:18:06 +10:00 |
|
|
|
c07f430009
|
feat(Playroom): 优化播放界面样式并添加视觉层次效果
- 替换列表箭头图标为循环双箭头图标
- 背景不再使用降低亮度的蒙版
- 为文本和按钮添加阴影和模糊背景效果
- 统一调整按钮尺寸和交互样式
- 优化时间显示布局和切换功能
|
2025-05-26 12:04:19 +10:00 |
|
|
|
67f466d43c
|
refactor(Playroom): 优化播放队列列表的代码格式和点击逻辑
- 调整代码缩进和换行以提升可读性
- 修改播放队列项的点击逻辑，避免重复触发相同索引的播放
- 统一格式化字符串模板和条件判断的写法
|
2025-05-26 08:33:35 +10:00 |
|
|
|
fec29b01a4
|
feat(Playroom): 为播放队列中的歌曲添加点击播放功能
点击播放队列中的歌曲时，设置当前播放索引并开始播放
|
2025-05-26 08:31:33 +10:00 |
|
|
|
cc6c6e311e
|
feat(播放控制): 为曲目列表添加点击播放功能
- 在 TrackItem 组件中添加 playfrom 属性，用于接收播放函数
- 修改 playTheAlbum 函数支持从指定索引开始播放
- 为 TrackItem 按钮添加点击事件，点击时调用 playfrom 函数
|
2025-05-26 08:28:47 +10:00 |
|
|
|
9d9b32d47d
|
style(Playroom): 为歌曲名称和艺术家信息添加截断样式
refactor(audioVisualizer): 调整音频可视化频率范围分段
为 Playroom 页面的歌曲名称和艺术家信息添加 truncate 样式，防止文本溢出
重构音频可视化频率范围分段，使其更符合人耳感知特性
|
2025-05-26 08:14:14 +10:00 |
|
|
|
427fc5905c
|
fix(Playroom): 默认隐藏播放队列对话框并优化歌曲信息显示
默认隐藏播放队列对话框以避免不必要的干扰，并优化歌曲信息显示，防止文本溢出
|
2025-05-25 20:27:48 +10:00 |
|
|
|
73aaef1662
|
feat(音频可视化): 添加音频可视化功能并优化播放队列显示
引入音频可视化器模块，用于实时显示音频频谱。在播放队列中添加可视化效果，并优化播放队列的UI显示。同时，更新播放队列的标题为“播放队列”以提升用户体验。
|
2025-05-25 20:22:05 +10:00 |
|
|
|
519816c050
|
feat(Playroom): 添加新的图标组件并更新播放队列对话框
在播放队列对话框中添加了新的图标组件（XIcon、ShuffleIcon、ListArrowIcon），并更新了对话框的布局和样式
|
2025-05-25 19:03:54 +10:00 |
|
|
|
01c2e1caa0
|
feat(Playroom): 添加播放队列列表对话框
引入播放队列列表对话框，支持显示和隐藏功能。通过点击按钮触发对话框的动画效果，提升用户体验。
|
2025-05-25 18:25:18 +10:00 |
|
|
|
a40268e134
|
style(Playroom): 调整布局间距以提升视觉一致性
将按钮之间的间距从 `gap-12` 调整为 `gap-16`，并重新排列部分按钮的布局，以提高页面的视觉一致性和美观性。
|
2025-05-25 17:52:34 +10:00 |
|
|
|
02dd087239
|
feat(Playroom): 添加新的图标组件并更新界面布局
在Playroom页面中新增了四个图标组件（ChatBubbleQuoteIcon、StarEmptyIcon、MusicListIcon、EllipsisHorizontalIcon），并调整了界面布局以更好地展示这些图标。这些改动旨在提升用户界面的交互性和视觉一致性。
|
2025-05-25 17:42:48 +10:00 |
|
|
|
740d9a2d69
|
feat: 添加并替换多个图标组件以提高代码复用性
本次提交新增了多个图标组件，并在多个页面和组件中替换了原有的内联SVG代码。通过引入这些可复用的图标组件，提高了代码的可维护性和一致性。
|
2025-05-25 17:20:03 +10:00 |
|
|
|
3608b02c4d
|
refactor(Playroom): 将进度条更新逻辑提取到单独函数中
将进度条更新的逻辑提取到 `thumbUpdate` 函数中，以便在多个地方复用，提升代码的可维护性
|
2025-05-25 15:52:52 +10:00 |
|
|
|
3074950226
|
fix(Player): 修复播放器时间更新逻辑
修复了播放器组件中时间更新逻辑的问题，将`!newValue`改为`newValue === null`以更准确地判断时间更新条件。同时在`Playroom`页面中改进了时间格式化函数，当时间无效时返回`-:--`而不是`0:00`，并增加了对NaN值的处理。
|
2025-05-25 14:25:12 +10:00 |
|
|
|
3bb49881d7
|
feat(播放控制): 添加播放队列的上一首和下一首功能
新增 `playNext` 和 `playPrevious` 函数，用于控制播放队列中的上一首和下一首歌曲。同时为播放按钮绑定点击事件，实现播放控制功能。
|
2025-05-25 14:19:41 +10:00 |
|
|
|
595caa0956
|
feat(Playroom): 添加音频格式检测功能并优化背景图片布局
添加 `formatDetector` 函数以动态检测并显示当前播放音频的格式。同时，优化背景图片布局，增加半透明遮罩层以提升视觉效果。
|
2025-05-25 14:14:47 +10:00 |
|
|
|
257a33ec3d
|
style(Playroom): 格式化代码并修复缩进问题
统一代码缩进风格，增强代码可读性，并修复部分模板中的换行问题
|
2025-05-25 10:51:31 +10:00 |
|
|
|
de71db1992
|
feat(播放器): 添加播放进度同步功能
在播放器组件中添加了对播放进度的监听和同步功能，确保进度条与播放时间保持一致。同时，在播放队列存储中添加了`updatedCurrentTime`字段，用于更新播放时间。这些改动提升了用户体验，使播放进度控制更加直观和准确。
|
2025-05-25 10:38:13 +10:00 |
|
|
|
c24d51ea9e
|
feat(播放器): 新增播放室页面并集成GSAP动画库
新增播放室页面，支持歌曲播放进度条拖拽功能。在播放队列存储中添加当前播放时间和总时长状态。更新播放器组件以支持跳转到播放室页面，并集成GSAP动画库用于实现进度条拖拽效果。
|
2025-05-25 10:28:16 +10:00 |
|
|
|
3d47a6a774
|
feat: 添加 TrackItem 组件并优化专辑详情页
- 新增 TrackItem 组件，用于展示专辑曲目信息
- 将 artistsOrganize 函数提取到 utils 模块中
- 添加 DIN Alternate 字体并应用于曲目编号
|
2025-05-25 08:57:13 +10:00 |
|
|
|
9d9c3a3ed5
|
fix(播放器): 修复播放队列和缓冲状态的处理逻辑
修复播放队列在到达底部时的暂停逻辑，并确保缓冲状态在播放时正确更新。调整了音频元素的自动播放逻辑，使其与播放状态同步。
|
2025-05-25 08:31:25 +10:00 |
|
|
|
6743b694c8
|
refactor(Player): 将播放器组件从App.vue中提取到独立的Player.vue组件
提取播放器逻辑到独立的Player.vue组件，以提高代码的可维护性和复用性。同时，更新了相关依赖和样式，确保功能不受影响。
|
2025-05-24 22:53:21 +10:00 |
|
|
|
94a153ae11
|
feat(播放队列): 添加播放队列功能并集成 Pinia 状态管理
新增播放队列功能，使用 Pini a进行状态管理。包括创建播放队列存储、在专辑详情页添加播放功能、以及在播放组件中监听播放状态的变化。同时，更新了依赖以支持 Pinia 的集成。
|
2025-05-24 16:33:50 +10:00 |
|
|
|
202e7951f3
|
feat(AlbumDetail): 添加播放按钮和曲目数量显示
在专辑详情页面添加了播放按钮和曲目数量显示，并调整了曲目列表的样式，以提升用户体验。
|
2025-05-24 15:43:54 +10:00 |
|
|
|
b7ecaef6a2
|
style(AlbumDetail): 调整布局和样式以提升移动端体验
优化了移动端布局，使图片和文本在不同屏幕尺寸下显示更合理。调整了样式以提升用户体验。
|
2025-05-24 15:22:20 +10:00 |
|
|
|
e415c1ef42
|
feat(AlbumDetail): 实现专辑详情页面的数据展示和布局
添加了专辑详情页面的数据获取逻辑和布局，包括专辑封面、名称、艺术家、简介和曲目列表的展示。同时，更新了路由参数和 API 请求路径，以支持专辑详情的动态加载。
|
2025-05-24 15:15:47 +10:00 |
|
|
|
b73748c084
|
feat: 添加专辑详情页并调整路由和导航
新增 AlbumDetail.vue 页面，用于展示专辑详情。调整 Home.vue 中的路由链接，将 `/album` 改为 `/albums`。在 main.ts 中添加新的路由配置 `/albums/:id`。移除 remixicon 依赖，并优化 App.vue 中的导航栏逻辑，添加返回按钮。
|
2025-05-24 13:39:53 +10:00 |
|
|
|
2ee428500d
|
feat: 调整布局并添加搜索栏组件
- 在 `Home.vue` 中调整了网格布局并添加了专辑链接
- 在 `Playing.vue` 中增加了底部播放栏的高度
- 新增 `SearchBar.vue` 组件，用于搜索功能
- 在 `App.vue` 中重构了顶部导航栏并集成了搜索栏
|
2025-05-24 13:18:43 +10:00 |
|
|
|
c88b29702d
|
style: 调整样式以提升用户体验
- 在 `input` 元素中添加 `focus:outline-none` 样式，去除聚焦时的默认轮廓
- 在 `App.vue` 中为 `Sidebar` 添加外层 `div`，以便更好地控制布局
- 在 `Home.vue` 中调整 `gap` 间距，使页面元素更加整齐
- 在 `Sidebar.vue` 中添加搜索框，并调整布局和样式，提升用户交互体验
|
2025-05-24 11:34:45 +10:00 |
|
|
|
df01f1a579
|
feat: 添加专辑浏览功能并优化侧边栏
在Home.vue中添加专辑浏览功能，显示专辑封面。将类型定义从apis/index.ts移动到vite-env.d.ts中以便全局使用。优化Sidebar.vue中的导航链接样式，添加图标。更新manifest.json以允许加载特定域名的图片资源。
|
2025-05-24 11:26:00 +10:00 |
|
|
|
a6ab9aacb5
|
feat: 添加 API 模块并更新项目配置
- 新增 `src/apis/index.ts` 文件，用于管理与塞壬唱片官网 API 的交互
- 在 `Home.vue` 中添加 API 调用逻辑，获取并打印专辑数据
- 更新 `vite.config.ts`，添加路径别名配置
- 在 `package.json` 中添加 `@types/node` 依赖
- 调整 `Playing.vue` 和 `App.vue` 的布局样式
- 更新 `manifest.json` 中的安全策略，允许连接到 API
|
2025-05-24 10:52:32 +10:00 |
|
|
|
fff7ceeb2e
|
feat: 新增主页、侧边栏和播放组件，并配置路由
添加了主页、侧边栏和播放组件的基本结构，并配置了 Vue Router 以支持路由功能。同时，更新了全局样式和依赖项，确保界面风格一致。
|
2025-05-24 09:39:33 +10:00 |
|
