Notification 通知提醒框

2019-09-09wangkailang

全局显示通知提醒信息,用于以下情况:

  • 系统性消息推送;
  • 异步结果信息返回。

基本用法#

  • 消息提示支持 5 种状态: 成功(success)、通知(info)、进行中(process)、告警(warning)、危险(danger)。每一种默认配对图标,背景颜色和文字颜色;
  • 消息提示列表缓存数据由外部维护,内部只做展示,不同于 ant.design 会在内部缓存并且处理消息提示列表。

代码演示#

随机通知#

列表默认展示#

5 种状态对应 5 种通知提示格式。

列表带标题#

API#

NotificationList API#

参数类型默认值说明
onDismissfunc-操作移除单个通知栏
formatfunc-统一格式化通知栏目的数据
autoClosebool-是否开启自动关闭

Notification API#

参数类型默认值说明
idRequiredunion(string, number)-通知栏标识符
counternumber2000多少毫秒后关闭通知栏
onDismissfunc-操作通知栏关闭
statusenum('success', 'info', 'process', 'warning', 'danger')'info'状态
autoClosebool-是否开启默认关闭
titlestring-标题
textstring-详细说明