业务组件
面向健康管理场景的复合组件：任务卡片、Agent 消息、步骤指示器、工具调用、订阅套餐与文件上传。这些组件由基础组件组合而成，不再拆分细粒度样式。
10 · BUSINESS · 业务组件
Business · TaskCard / AgentMessage / Upload / Pricing / Steps
TaskCard · 任务卡
晨间服药
已完成
二甲双胍 0.5g · 随餐服用
08:00查看详情 ›
记录空腹血糖
待完成
建议在早餐前 30 分钟内测量，连续记录有助于趋势判断。
截止 09:00
去记录
AgentMessage · AI 健康助手
AI
我已读取你近 7 天的血糖记录
空腹均值 6.2 mmol/L，较上周下降 0.3。建议保持晚餐碳水占比 < 40%，并继续记录晨起值。
查看趋势
设置提醒
ToolCallCard · 工具调用
调用中
query_glucose_records
{ "range": "7d", "metric": "fasting_glucose" }
耗时 240ms · 返回 7 条记录
FAB · 悬浮操作按钮 56pt
TaskCard / AgentMessage / ToolCallCard / FAB
UploadCard · 上传与文件解析
上传检查报告
支持 PDF / JPG / PNG，单个不超过 20MB
PricingCard · 订阅套餐
推荐
健康守护 · 年付
¥268 /年
折合 ¥22.3 / 月，随时可取消
- 不限次 AI 报告解读
- 7×24 指标异常预警
- 专属健康档案与趋势分析
- 三甲医生在线咨询 4 次
立即订阅
订阅即表示同意《服务协议》与《隐私政策》
StepIndicator · 步骤指示器
选择
支付
开通
完成
UploadCard / PricingCard / StepIndicator
规格
| 组件 | 关键规格 | 状态 |
|---|---|---|
| TaskCard | 圆角 16pt，内边距 16pt；图标容器 36pt | 待完成 / 进行中 / 已完成 / 已过期 |
| AgentMessage | 头像 30pt，气泡圆角 14pt | 生成中（打字机）/ 完成 / 失败可重试 |
| StepIndicator | 节点 22pt，间距均分 | 完成（实心）/ 当前（光圈）/ 未开始 |
| ToolCallCard | 参数区 font-mono 13pt，ink.100 底 | 调用中 / 成功 / 失败 |
| PricingCard | 圆角 20pt，金额 34pt/700 | 默认 / 推荐（角标）/ 已订阅 |
| UploadCard | 虚线上传区，圆角 16pt，内边距 22×16pt | 空闲 / 上传中 / 解析中 / 完成 / 失败 |
| FloatingActionButton | 56pt 正圆，主色，阴影 0 8 20 rgba(42,127,139,.32) | 默认 / 按压 / 展开子项 |
使用规则
- FAB 每屏最多一个，且必须避开 Tab 栏与安全区（距底部 ≥ 84pt）。
- TaskCard 的状态标签不得只靠颜色，需文字明确（待完成/已完成）。
- AgentMessage 输出涉及医疗建议时，必须附「不能替代医生诊断」的免责提示。
- PricingCard 价格必须明示周期与折算月价，避免「低价诱导」。
- UploadCard 需显示格式与体积限制，并在失败时给出失败原因。