- Notification 通知
- 基本用法
- 带有倾向性
- 带有偏移
- 单独引用
- 参数
- 方法
Notification 通知
悬浮出现在页面右上角,显示全局的通知提醒消息。
基本用法
适用性广泛的通知栏
带有倾向性
带有 icon,常用来显示「成功、警告、消息、错误」类的系统消息
带有偏移
让 Notification 偏移一些位置
单独引用
单独引入 Notification:
import { Notification } from 'element-react';
此时调用方法为 Notification(options)
。我们也为每个 type 定义了各自的方法,如 Notification.success(options)
。
参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | 标题 | string | — | — |
message | 说明文字 | string/ReactElement | — | — |
type | 主题样式,如果不在可选值内将被忽略 | string | success/warning/info/error | — |
iconClass | 自定义图标的类名。若设置了 type ,则 iconClass 会被覆盖 | string | — | — |
duration | 显示时间, 毫秒。设为 0 则不会自动关闭 | number | — | 4500 |
onClose | 关闭时的回调函数 | function | — | — |
onClick | 点击 Notification 时的回调函数 | function | — | — |
offset | 偏移的距离,在同一时刻,所有的 Notification 实例应当具有一个相同的偏移量 | number | — | 0 |
方法
调用 Notification
会返回当前 Notification 的实例。如果需要手动关闭实例,可以调用它的 close
方法。
方法名 | 说明 |
---|---|
close | 关闭当前的 Notification |