
易混淆组件:
| 组件 | 气泡卡片(带操作) | 弹窗 | 抽屉 | 跳转页面 |
|---|---|---|---|---|
| 样式 | ![]() |
![]() |
![]() |
|
| 承载内容 | 🌟🌟 | 🌟🌟🌟 | 🌟🌟🌟🌟 | 🌟🌟🌟🌟🌟 |
| 尺寸 | 根据内容确定 | 宽度:小/中 /大 高度:定义最小、最大高度/自适应(固定边距/百分比) |
宽度:根据内容确定 高度:通栏 |
- |
| 优点 | 有指向性; 完全没有割裂感; |
任务割裂感小; (没有跳出父级页面,任务完成后仍然会留在父级页面) |
信息承载量大; 任务割裂感小; |
内容承载量大,可承载复杂的任务 |
| 缺点 | 内容承载很小 | 内容承载有限 多个弹窗叠加 |
尺寸灵活度低,内容少的时候很空 | 任务割裂感强 |
| 组件 | 轻提示 | 通知提示 | 警告提示 |
|---|---|---|---|
| 样式 | ![]() |
![]() |
![]() |
| 重要程度 | 🌟 | 🌟 | 🌟🌟 |
| 承载内容 | 尽量简洁、20字以内 | 较复杂,可承载按钮、链接等 | 较复杂,可承载按钮、链接等 |
| 位置 | 页面上方中央(内容层之上) | 无限制(内容层之上) | 内容上方(内容层) |
| 停留时长 | 2~3s自动消失 | 5~8s自动消失/主动关闭 | 主动关闭/自动消失 |
| 出现机制 | 用户操作后的被动反馈(常伴随页面变化) | 用户操作后的被动反馈/系统主动推送 | 用户操作后的被动反馈/系统主动推送 |






