feat: 更新音乐播放器界面和功能

- 调整播放器底部样式,优化进度条和操作按钮布局
- 修复音量控制拖动功能
- 更新音乐数据源,增加更多歌曲分类和曲目
- 优化图片资源路径和命名规范
- 添加新的SVG图标和背景元素
- 修复播放进度条选择器错误
- 调整标签样式和交互效果
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-23 12:18:14 +08:00
parent 5d67675772
commit 8a764d2fdb
21 changed files with 636 additions and 282 deletions

View File

@@ -234,8 +234,53 @@
z-index: -1;
border-radius: 18px;
}
.container .container-box .details .ray-light {
width: 286px;
height: 286px;
position: absolute;
top: 3px;
}
.container .container-box .details .ray-light.ray-light-left {
left: 3px;
}
.container .container-box .details .ray-light.ray-light-right {
right: 3px;
transform: scaleX(-1);
}
.container .container-box .details .bj-check {
width: 1200px;
height: 134px;
position: absolute;
bottom: 3px;
left: 0;
}
.container .container-box .details .bj-mask {
width: 1194px;
height: 129px;
position: absolute;
left: 3px;
bottom: 3px;
}
.container .container-box .details .fluctuate-icon {
width: 400px;
height: 86px;
position: absolute;
top: 293px;
right: 0;
}
.container .container-box .details .start-box {
width: 100%;
height: 100%;
position: relative;
}
.container .container-box .details .start-box .microphone {
width: 326px;
height: 326px;
position: absolute;
top: 93px;
left: 163px;
}
.container .container-box .details .start-box .suspect-text {
width: 493px;
height: 56px;
}