|
|
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 |
|
|
|
a51ddcc023
|
fix(Player): 将 @canplaythrough 事件替换为 @playing 以更准确反映缓冲状态
`@canplaythrough` 事件在某些情况下可能无法准确反映音频的缓冲状态，导致播放状态显示不准确。将其替换为 `@playing` 事件可以更可靠地更新缓冲状态，提升用户体验。
|
2025-05-25 00:15:01 +10:00 |
|
|
|
956fef1d8a
|
feat(Player): 添加缓冲状态指示器
在播放器中添加了缓冲状态指示器，当音频缓冲时显示动画，提升用户体验
|
2025-05-25 00:10:23 +10:00 |
|
|
|
05070e3322
|
style(Player): 调整播放器界面的样式
移除宽度限制并添加文本截断功能，以改善播放器界面的显示效果
|
2025-05-24 23:49:15 +10:00 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
97d7bc0f4e
|
chore: 更新项目配置和样式以支持TailwindCSS
- 添加TailwindCSS依赖并配置Vite插件
- 修改App.vue中的文本内容
- 清理background.js中的冗余日志
- 更新index.html中的脚本路径以支持本地开发
- 在manifest.json中添加localhost权限和CSP配置
|
2025-05-24 09:16:03 +10:00 |
|
|
|
67e40dd36d
|
fix: linting issue
|
2025-05-24 08:59:17 +10:00 |
|
|
|
ebd78dcae4
|
feat: add redirection from MSR homepage to extension page
|
2025-05-24 08:56:16 +10:00 |
|
|
|
a769bbf57e
|
chore: add linting
|
2025-05-24 08:04:14 +10:00 |
|
|
|
d9587d3e9d
|
refactor: remove existing content
|
2025-05-23 20:45:16 +10:00 |
|
|
|
889adc3774
|
initial commit
|
2025-05-23 20:32:08 +10:00 |
|
