feat(timer): 训练超时与完成展示优化 (v3.0)

- 超时后圆环底环变绿,中心改显总训练时长(MM:SS 实时涨),移除 +Xs 小徽章
- 完成弹窗成绩由纯秒数改为分秒(如 1分23秒),>=60s 时缩字号防撑破卡片
- 修复结束确认弹窗停留期间计时器未暂停导致训练时长虚增:onStop 暂停、取消恢复、确认取暂停值
- progress-ring 新增 elapsed prop,remaining=0 时中心切显总时长
- 清理废弃的 overtime 字段与 .overtime-badge 样式
- 版本号 v2.9 -> v3.0,更新日期

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liucheng
2026-07-25 11:36:32 +08:00
parent e712741425
commit ed7029faf9
6 changed files with 60 additions and 43 deletions
+5 -24
View File
@@ -66,30 +66,6 @@
100% { opacity: 0; transform: translate(0, -80rpx) scale(0.4); }
}
/* overtime badge */
.overtime-badge {
position: absolute;
bottom: 10rpx;
left: 50%;
transform: translateX(-50%);
background: rgba(var(--success-rgb), 0.12);
border: 2rpx solid rgba(var(--success-rgb), 0.3);
color: var(--success);
padding: 8rpx 24rpx;
border-radius: 24rpx;
font-size: 28rpx;
font-weight: 600;
display: flex;
align-items: center;
gap: 6rpx;
animation: popIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.overtime-icon {
width: 28rpx;
height: 28rpx;
}
/* ---- hint section ---- */
.hint-section {
margin-top: 36rpx;
@@ -296,6 +272,11 @@
text-shadow: 0 4rpx 12rpx rgba(var(--primary-rgb), 0.2);
}
/* >= 60 秒时数字部分变成「X分Y」,字符变多,缩小字号避免撑破卡片 */
.completion-number--long {
font-size: 140rpx;
}
.completion-unit {
font-size: 36rpx;
font-weight: 600;