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-top 或margin-bottom | string | - | '16px' |
方法
调用 $.notify()
会返回当前 Notification 的JQuery实例。如果需要手动关闭实例,可以调用它的 close
方法。
方法名 | 说明 | 示例 |
---|---|---|
close | 关闭当前的 Notification | _n = $.notify(); _n.close(); |
提示
你也可以用$('.el-notification').data('u-notify-close')
获取close
方法,参考上方关闭所有通知框示例。
← Message 消息提示 Tabs 标签页 →