基本定义
构成元素
- 标题：出现在标题框的文本
- 图标：直观的告知用户通知类型
- 关闭：关闭按钮
- 内容：实际的内容，段落文本？
- 带操作区的页脚：数量限制为1个，为主要按钮
类型
具备以下 4 种类型：信息、成功、警告、错误
尺寸
使用固定的宽度(300PX)，其高度取决于通知信息的长度。 （过长自动折叠，可主动展开更多，然后使用高度设置最大值，出现滚动条）
用法
什么时候使用
- 你想显示与界面上无关的信息。
- 你想显示复杂的错误、警告、成功、普通信息通知。
- 你需要展示信息，但又不想打断用户。
什么时候不使用
- 想显示一条简短的状态信息。（请改用 Notice）
- 你想在表单字段中显示信息。
最佳实践
| 类型 | 示例 | 目的 | 示例标题 | 示例正文 |
|---|---|---|---|---|
| 信息 |  | 通知用户即将进行系统维护 | 定期维护 | 3月11日 星期六，上午10点。请注意，Cabin x 将在上诉时间段内执行定期维护，在此期间，系统可能会不可用。 |
| 错误 |  | 提醒用户发生了未知的系统错误 | 系统错误 | 很抱歉，出现了未知的问题。请再试一次，如果问题依然存在，请与你的管理员联系。 |
行为
出现方式
通知从屏幕的右上方滑入和滑出。新的通知应该出现在页面的顶部，旧的通知会被推到下面，直到它们被取消。
生命周期
用户主动关闭
全局变化
容器的规则
此组件以Z轴浮层形式出现，组件会覆盖屏幕上的内容，并始终出现在最顶层
跨端的变化
- Phone：跨端，取掉背景色，取掉图标。关闭icon对应关闭文字按钮
