跳到主要内容

Notification 通知提醒框

轻量级的全局消息提示和确认机制,出现和消失时需要有缓动动画。


基础的消息通知

基础消息通知,仅文本提示,没有图标,可手动关闭也可自动退出。

带图标的消息通知

基础消息通知,可手动关闭也可自动退出。

不同类型图标的消息通知

带图标的消息通知提供两种情况:普通消息通知和重要消息通知(如:系统错误等)。

带操作的消息通知

带有操作的消息通知为用户提供下一步行动点,在消息提示框中进行简要快捷的交互。

何时消失。

3s 后自动关闭提示。

何时使用

  • 需要提醒用户来自系统的消息,且不打断用户。
  • 带有解释描述的提醒内容。

布局

  • 消息通知建议悬浮出现在页面右上角、左下角或右下角,避免对页面主要内容的干扰。