feat: 更新音乐播放器界面和功能
- 调整播放器底部样式,优化进度条和操作按钮布局 - 修复音量控制拖动功能 - 更新音乐数据源,增加更多歌曲分类和曲目 - 优化图片资源路径和命名规范 - 添加新的SVG图标和背景元素 - 修复播放进度条选择器错误 - 调整标签样式和交互效果
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user