Commit Graph

12 Commits

Author SHA1 Message Date
2ffa445413
feat(Player): 添加媒体会话元数据和播放控制功能
为播放器组件添加了媒体会话元数据设置功能,包括歌曲标题、艺术家、专辑和封面信息。同时实现了上一曲和下一曲的播放控制逻辑,并优化了音频元素的交互事件处理。
2025-05-24 23:40:13 +10:00
6743b694c8
refactor(Player): 将播放器组件从App.vue中提取到独立的Player.vue组件
提取播放器逻辑到独立的Player.vue组件,以提高代码的可维护性和复用性。同时,更新了相关依赖和样式,确保功能不受影响。
2025-05-24 22:53:21 +10:00
831ff82c8a
refactor: 移除Playing和SearchBar组件并重构App布局
移除不再使用的Playing和SearchBar组件,将播放队列功能集成到App.vue中,优化页面布局和导航逻辑
2025-05-24 21:20:30 +10:00
94a153ae11
feat(播放队列): 添加播放队列功能并集成 Pinia 状态管理
新增播放队列功能,使用 Pini a进行状态管理。包括创建播放队列存储、在专辑详情页添加播放功能、以及在播放组件中监听播放状态的变化。同时,更新了依赖以支持 Pinia 的集成。
2025-05-24 16:33:50 +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
51185b6ff0
feat: 添加RemixIcon字体和MiSans字体支持
- 添加RemixIcon字体库并引入其CSS文件
- 添加MiSans字体文件并在style.css中定义字体样式
- 更新Sidebar组件,增加导航链接和样式
- 调整App.vue中的布局结构
2025-05-24 10:04:08 +10:00
fff7ceeb2e
feat: 新增主页、侧边栏和播放组件,并配置路由
添加了主页、侧边栏和播放组件的基本结构,并配置了 Vue Router 以支持路由功能。同时,更新了全局样式和依赖项,确保界面风格一致。
2025-05-24 09:39:33 +10:00
ebd78dcae4
feat: add redirection from MSR homepage to extension page 2025-05-24 08:56:16 +10:00
889adc3774
initial commit 2025-05-23 20:32:08 +10:00