feat(ui): 今日页日期切换 + 卡片可点 + 路由切换进度条
需求 3.7 / 4.5 / 4.6 / 4.7 今日页 - 左右箭头切换日期,中间点开日历选任意一天,范围限定在已有数据内 - 没有记录的日期直接跳过,不会停在一个空白页上 - 一次读一年:往回翻一天不该产生一次请求,卡片的迷你曲线本来也需要前后几天 - 曲线窗口跟着所看的那天结束,卡片上的走势总是通向它上面那个数字 - 卡片改为从 lib/metrics.ts 渲染,点击进入指标详情 路由切换进度条 - 切换本身是瞬时的,用户等的是新页面的第一次请求,没有指示就像点了没反应 - 跑到 90% 停住等页面就位,不谎报完成 - 有最短显示时长,快速跳转时不会闪一下 Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -41,7 +41,7 @@
|
||||
| 3.4 | 交互流畅、有动画 | 数字滚动、入场揭示、`prefers-reduced-motion` | ✅ |
|
||||
| 3.5 | 删掉各页右上角的半透明椭圆 | 导航栏右侧 `Link`(带 tooltip)渲染出来的,已移除 | ✅ |
|
||||
| 3.6 | 睡眠入口不放右上角,改为点健康页睡眠卡片进入 | 入口跟着内容走;每日入口同样移进趋势页内容 | ✅ |
|
||||
| 3.7 | 主界面切到子界面加 loading 动画 | 路由切换时的过渡指示 | 📋 |
|
||||
| 3.7 | 主界面切到子界面加 loading 动画 | 顶部进度条,跑到 90% 等页面就位;有最短显示时长,避免快速跳转时闪一下 | ✅ |
|
||||
|
||||
## 四、数据展示
|
||||
|
||||
@@ -51,9 +51,9 @@
|
||||
| 4.2 | 趋势模块,7 天 / 月 / 季 / 年 周期 | 按周期取日均,桶长不同也可比 | ✅ |
|
||||
| 4.3 | 趋势覆盖全部 15 组指标,可自选显示/隐藏 | 指标选择器 | ✅ |
|
||||
| 4.4 | 指标选择器太丑,改成选择弹窗 | 改为 F7 Popup,页面上只留一行「显示指标 n/15」 | ✅ |
|
||||
| 4.5 | 所有卡片可点击进入详情 | `/metric/:id/`:大数值 + 参考区间 + 趋势图 + 统计 + 依据;新增 `lib/metrics.ts` 统一指标注册表 | ✅ 健康页完成,🚧 今日页 |
|
||||
| 4.6 | 今日页左右箭头切换前一天/后一天 | | 📋 |
|
||||
| 4.7 | 今日页顶部日期选择控件,可看历史任一天 | | 📋 |
|
||||
| 4.5 | 所有卡片可点击进入详情 | `/metric/:id/`:大数值 + 参考区间 + 趋势图 + 统计 + 依据;新增 `lib/metrics.ts` 统一指标注册表 | ✅ |
|
||||
| 4.6 | 今日页左右箭头切换前一天/后一天 | 无记录的日期自动跳过;到边界置灰 | ✅ |
|
||||
| 4.7 | 今日页顶部日期选择控件,可看历史任一天 | 点中间日期开 F7 日历,范围限定在已有数据内 | ✅ |
|
||||
| 4.8 | 点击每个运动看本次运动详情,数据全展示 | 概览/数据/分段/图表四个 Tab,含心率区间条与时间/距离横轴切换 | ✅ |
|
||||
| 4.9 | 健康页增加身体年龄 | 健康页卡片 + `/body-age/` 展示每一步推算过程与出处 | ✅ |
|
||||
|
||||
|
||||
Reference in New Issue
Block a user