反馈组件
Toast、Alert、ActionSheet、BottomSheet、Modal 与各类状态占位。浮层遵循 Z 轴层级：遮罩 200 → 弹窗 300 → Sheet 400 → Toast 500。
09 · FEEDBACK · 反馈
Feedback · Toast / Banner / Alert · Modal / Sheet · 状态占位
Toast
保存成功
正在提交…
Notification Banner
Alert · 四种语义
信息：数据同步完成，共 12 条记录。
成功：身份核验通过。
警告：收缩压 142 mmHg 高于参考值。
错误：网络连接失败，请稍后重试。
Toast 深色 92% · Banner 左侧 3pt 语义条
Skeleton 骨架屏
Spinner 加载指示器
加载中…
EmptyState 空状态
暂无记录
还没有上传任何检查报告
立即上传
ErrorState 错误状态
加载失败
网络连接异常，请检查后重试
重新加载
骨架 1.4s 扫光 · 图标圆 72pt
规格与层级
| 组件 | z-index | 关键规格 |
|---|---|---|
| Toast | 500 | 深色 92%，圆角 12pt，顶部滑入 250ms spring，2s 自动消失 |
| Alert / Banner | 内联 | 左侧 3pt 语义色条，圆角 10–12pt |
| ActionSheet | 400 | 每项 50pt 高，危险项红色，末项「取消」加粗 |
| BottomSheet | 400 | 顶部两角 24pt，grab 36×5pt，350ms 弹性上滑 |
| Modal | 300 | 宽 270pt，圆角 20pt，按钮均分 50pt 高 |
| 遮罩 | 200 | rgba(0,0,0,.28) |
| Skeleton | — | 1.4s 双向扫光，圆角 6pt |
| Spinner | — | 20pt，2pt 描边，0.8s 匀速旋转 |
| EmptyState | — | 图标圆 72pt，标题 16pt，描述 14pt ink.300 |
使用规则
- Toast 只用于短暂、无需决策的反馈；需要用户确认的一律用 Modal。
- 同一时刻只允许一个 Toast，连续触发时覆盖而非堆叠。
- Modal 的破坏性操作按钮必须红色且位于右侧，取消在左。
- Sheet 必须提供「取消」出口；点击遮罩或下滑也可关闭。
- 加载超过 300ms 才显示 Spinner；超过 1s 显示骨架屏而非空白。
- 空状态必须给出下一步动作（如「立即上传」），不能只有说明文字。