feat(timer): 循环训练组进度改为圆环分段弧 + 信息气泡三行合一

- progress-ring 新增 sets/currentSet/resting/successColor 属性,
  圆环外圈绘制分段弧(已完成=主色/当前=呼吸光点/休息下一组=绿),单组模式零渲染
- timer 删除顶部 circuit-bar 进度面板,布局骨架三模式统一
- 呼吸环淡化(描边 0.55→0.20,柔光渐变强度减半)
- 目标卡与提示气泡合并为 info-bubble,状态文案(撑住/休息中/已暂停)并入气泡顶部
This commit is contained in:
2026-08-12 09:39:41 +08:00
parent 0464eeaba6
commit 05c4763e49
18 changed files with 720 additions and 497 deletions
+4 -6
View File
@@ -1,4 +1,4 @@
<view class="container page-enter" style="{{themeStyle}}">
<view class="container page-enter index-page" style="{{themeStyle}}">
<!-- 全宽渐变头图 hero -->
<view class="hero">
@@ -37,12 +37,10 @@
<text class="quest-tip">{{questTip}}</text>
</ui-card>
<!-- 计时环 dial -->
<!-- 今日目标时长(无圆环, 大字流光时间) -->
<view class="timer-wrap">
<view class="dial">
<text class="dial-time" style="font-size: {{targetTimeFontSize}}rpx;">{{todayTargetText}}</text>
<text class="dial-label">今日目标时长</text>
</view>
<text class="time-display">{{todayTargetText}}</text>
<text class="time-label">今日目标时长</text>
<view class="benefit">⚡ 预计消耗 <text class="benefit-hl">{{estKcal}}</text> 千卡</view>
</view>