fix: 修复自动播放循环与暂停失效问题 (H-UI-05/H-UI-07)

- fix(player): 修复 checkPlaybackState 无限重试循环,添加最大重试次数限制 (3次)
- fix(player): 修复 handlePlayMusic 参数 isPlay 遮蔽同名 ref 导致 play/isPlay/userPlayIntent 状态不同步
- fix(player): 播放成功后清除 isFirstPlay 标记,避免暂停时被 setPlay 误判为新歌从头播放
- fix(ui): 移除 AppMenu z-index 重复声明 (H-UI-05)
- perf(ui): MiniPlayBar 进度条 hover 改用 transform: scaleY() 替代 height 变化 (H-UI-07)
This commit is contained in:
alger
2026-03-15 15:49:59 +08:00
parent 2182c295c1
commit 239229a60c
3 changed files with 50 additions and 26 deletions
+13 -18
View File
@@ -395,15 +395,11 @@ const setMusicFull = () => {
}
.progress-bar {
height: 2px !important;
height: 3px !important;
transform: scaleY(0.67);
&:hover {
height: 3px !important;
.progress-track,
.progress-fill {
height: 3px !important;
}
transform: scaleY(1);
}
}
}
@@ -496,21 +492,19 @@ const setMusicFull = () => {
.progress-bar {
@apply relative w-full cursor-pointer;
height: 2px;
height: 4px;
transform: scaleY(0.5);
transform-origin: bottom center;
transition: transform 0.2s ease;
&:hover {
height: 4px;
.progress-track,
.progress-fill {
height: 4px;
}
transform: scaleY(1);
}
}
.progress-track {
@apply absolute inset-x-0 bottom-0 transition-all duration-200;
height: 2px;
@apply absolute inset-x-0 bottom-0 transition-colors duration-200;
height: 4px;
background: rgba(0, 0, 0, 0.1);
.dark & {
@@ -519,9 +513,10 @@ const setMusicFull = () => {
}
.progress-fill {
@apply absolute bottom-0 left-0 transition-all duration-200;
height: 2px;
@apply absolute bottom-0 left-0;
height: 4px;
background: var(--primary-color, #18a058);
transition: background-color 0.2s ease;
}
.like-active {