基础组件
按钮、图标按钮、标签、徽章、头像与分割线。全部遵循 44×44pt 最小触摸目标，按压反馈为 0.96 缩放 + 100ms 缓动。
04 · BASE · 基础组件
Button / Chip · Badge · Avatar
Button · 六种变体
主操作 · Primary
次操作 · Secondary
描边 · Outline
文字按钮 · Ghost
删除 · Danger
不可用 · Disabled
Button · 组合与尺寸
取消
确认
小号
胶囊
小次要
高度 48pt · 圆角 12pt · 字号 17pt 半粗
Chip · 标签
全部
用药
检验
饮食
Badge · 徽章
3
12
99+
Avatar · 头像四档与群组
李
李
李
李
李
王
张
+5
IconButton · 图标按钮
Divider · 分割线
通栏 1pt · #E4E4E7
缩进 16pt（列表项内）
Chip 30pt · 头像四档 · 徽章数字/圆点
规格与状态
| 组件 | 尺寸 | 状态 |
|---|---|---|
| Button | 高 48pt，圆角 12pt，内边距 14×24pt，字号 17pt/600 | 默认 / 按压（scale .96 + 背景加深）/ 禁用（ink.100 底 + ink.400 字） |
| IconButton | 44×44pt，圆形，图标 22pt | 默认 / 按压 / 禁用 |
| Chip | 高 30pt，圆角 full，内边距 0×12pt，字号 13pt/500 | 默认灰底 / 选中（primary.50 + primary.300 边）/ 描边 |
| Badge | 数字最小 18pt 高；圆点 8pt | error（默认）/ info / success |
| Avatar | 24 / 32 / 44 / 64pt，始终正圆 | 文字首字 / 图片 / 群组（-10pt 重叠 + 2pt 白边） |
| Divider | 1pt，#E4E4E7 | 通栏 / 缩进 16pt |
使用规则
- 一个屏幕内只允许一个主按钮；同级操作使用次要/描边按钮。
- 破坏性操作使用 Danger，且必须在二次确认弹窗中再次出现。
- 按钮文案不超过 8 个汉字，避免换行。
- 禁用态必须保留原位置，不使用
display:none造成布局跳动。 - 图标按钮必须有
aria-label；纯图标不可作为唯一的操作入口文案。