表单控件
输入框、搜索框与选择类控件。输入框高度 46pt、圆角 12pt、聚焦态使用 3pt 主色光圈；所有开关类控件保持 44pt 触摸热区。
05 · FORM · 表单控件
TextField / TextArea / SearchBar · 选择控件
SearchBar · 搜索框
搜索患者、指标或记录
TextField · 四种状态
聚焦时主色描边 + 3pt 光圈
手机号格式不正确，请检查后重试
TextArea · 多行输入
0 / 200
输入框 46pt 高 · 圆角 12pt · 字号 17pt
Seg · 分段控制
日周月
Switch · 开关
用药提醒
每日 08:00 / 20:00
数据同步
仅 Wi-Fi 环境
紧急联系人
异常时自动通知
Checkbox / Radio · 选择
我已阅读并同意知情同意书
接收健康周报推送
男
女
Slider / Stepper / Rate
目标体重68 kg
5090
每日饮水
8
今日体感
★★★★★
提交
Switch 51×31 · Checkbox 22pt · 滑块轨道 4pt
规格与状态
| 组件 | 尺寸 | 状态 |
|---|---|---|
| TextField | 高 46pt，圆角 12pt，内边距 13×16pt | 默认 / 聚焦（主色边 + 3pt 光圈）/ 错误（error 边 + error 提示）/ 禁用 |
| TextArea | 最小高 96pt，行高 1.45 | 同上，另含字数计数 |
| SearchBar | 高 40pt，圆角 10pt，ink.100 底 | 空闲 / 输入中 / 无结果 |
| Switch | 51×31pt，滑块 27pt | 关（ink.200）/ 开（success）/ 禁用 |
| Checkbox | 22pt，圆角 6pt | 未选 / 选中（主色）/ 部分选中 / 禁用 |
| Radio | 22pt 正圆，内点 12pt | 未选 / 选中（主色）/ 禁用 |
| SegmentedControl | 轨道内边距 3pt，段高 30pt | 选中段白底 + sm 阴影 |
| Slider | 轨道 4pt，滑块 26pt | 拖动中放大至 1.1 倍 |
| Stepper | 36pt 高，按钮 40pt 宽 | 可达上下限时对应按钮禁用 |
| Rate | 星标 20pt，间距 4pt | 支持 0.5 步进时可显示半星 |
使用规则
- 标签置顶（不用浮动标签），错误提示紧贴输入框下方 6pt。
- 错误提示必须说明如何修正，禁止只写「输入有误」。
- 数字键盘使用
inputmode="decimal"；手机号使用type="tel"。 - 开关类控件点击整行均可切换，不只点开关本体。
- 表单提交按钮固定在安全区之上，并提供 loading 态防止重复提交。