Notification 通知

常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。

基本用法

适用性广泛的通知栏。

显示代码

带有倾向性

带有 icon,常用来显示「成功、警告、消息、错误」类的系统消息。

显示代码

自定义弹出位置

可以让 Notification 从屏幕四角中的任意一角弹出。

显示代码

其他

显示代码

参数

你可以通过修改$.notifyDefaults来修改全局默认配置,也可以在初始化时传入指定配置$.notify({xx: xx})

参数 说明 类型 可选值 默认值
title 标题,支持html string - ''
message 说明文字,支持html string - ''
type 主题样式,如果不在可选值内将被忽略 string success/warning/info/error -
iconClass 自定义图标的类名。若设置了 type,则 iconClass 会被覆盖 string - -
customClass 自定义类名 string - -
duration 显示时间, 毫秒。设为 0 则不会自动关闭 number - 4500
position 自定义弹出位置 string top-right/top-left/bottom-right/bottom-left 'top-right'
showClose 是否显示关闭按钮 boolean - true
onClose 关闭时的回调函数 function - -
onClick 点击 Notification 时的回调函数 function - -
offset 与上一个 Notification 偏移的距离,将被转换为margin-topmargin-bottom string - '16px'

方法

调用 $.notify() 会返回当前 Notification 的JQuery实例。如果需要手动关闭实例,可以调用它的 close 方法。

方法名 说明 示例
close 关闭当前的 Notification _n = $.notify(); _n.close();

提示

你也可以用$('.el-notification').data('u-notify-close')获取close方法,参考上方关闭所有通知框示例。