feat: 更新音乐播放器界面和功能
- 调整播放器底部样式,优化进度条和操作按钮布局 - 修复音量控制拖动功能 - 更新音乐数据源,增加更多歌曲分类和曲目 - 优化图片资源路径和命名规范 - 添加新的SVG图标和背景元素 - 修复播放进度条选择器错误 - 调整标签样式和交互效果
This commit is contained in:
@@ -259,10 +259,62 @@
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.ray-light {
|
||||
width: 286px;
|
||||
height: 286px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
|
||||
&.ray-light-left {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
&.ray-light-right {
|
||||
right: 3px;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
|
||||
.bj-check {
|
||||
width: 1200px;
|
||||
height: 134px;
|
||||
position: absolute;
|
||||
bottom: 3px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bj-mask {
|
||||
width: 1194px;
|
||||
height: 129px;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
bottom: 3px;
|
||||
}
|
||||
|
||||
.fluctuate-icon {
|
||||
width: 400px;
|
||||
height: 86px;
|
||||
position: absolute;
|
||||
top: 293px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.start-box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.microphone {
|
||||
width: 326px;
|
||||
height: 326px;
|
||||
position: absolute;
|
||||
top: 93px;
|
||||
left: 163px;
|
||||
}
|
||||
|
||||
.suspect-text {
|
||||
width: 493px;
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user