资金跑道面板
回答这个问题:"如果我今天停止收入,我的储蓄能维持几个月?"显示一个大型核心数字,带进度条,并响应假设模拟器的变化。
显示内容
| 元素 | 详情 |
|---|---|
| 核心数字 | 跑道月数(消耗率为零时显示无穷大符号) |
| 进度条 | 基于 24 个月刻度的可视化填充 |
| 刻度标签 | 0、12 月、24+ 月 |
| 现金持有卡片 | 当前流动性储蓄总额 |
| 月消耗卡片 | 平均月支出 |
| 变化标记 | 假设模拟器激活时跑道月数的变化 |
主要功能
颜色编码核心数字 —— 跑道数字根据严重程度改变颜色:
月数 颜色 含义 > 12 绿色 健康的跑道 6 -- 12 黄色 需要注意 < 6 红色 紧急 进度条 —— 按比例填充,最大 24 个月。包含渐变填充和发光效果。
假设变化 —— 当假设模拟器激活时,标记显示与基准场景相比跑道月数的正/负变化。
无穷大处理 —— 当月消耗为零或负值(储蓄多于支出)时,跑道显示无穷大符号。
数据来源
| Hook | 字段 |
|---|---|
useSimulation | runwayMonths, cashOnHand, monthlyBurn, baseRunwayMonths |
统计卡片值使用 formatNZD() 格式化。
交互操作
| 操作 | 结果 |
|---|---|
| 激活假设模拟器 | 变化标记出现,显示跑道变化 |
| 调整模拟器滑块 | 跑道实时重新计算 |
面板本身没有直接控件——它响应假设模拟器的操作。