通知 Notification

全局展示通知提醒,将信息及时有效的传达给用户。

基本使用

设置参数 duration 为0则不会自动关闭。默认 duration 为3s,倒计时结束后自动关闭。

消息类型

设置 type 属性即可改变消息类型,type 可选值 info 、success 、warning 、strong 、error

全局提示的位置

设置 position 属性即可改变弹出的位置,position 可选值 top-left 、top-right 、bottom-left 、bottom-right

隐藏关闭按钮

设置 showClose 属性为 false 即可。

使用renderFunction渲染

options中的 message 可以是 RenderFunction

挂载位置

设置 renderTo 即可自定义在哪个容器中弹出, 默认在 document.body 弹出

API

Options

属性名描述类型默认值
title通知标题string-
message通知内容string | RenderFunctionrequired
type弹框类型info | success | warning | strong | errorinfo
duration显示时间, 毫秒。设为 0 则不会自动关闭number3000
position弹出位置top-right | top-left | bottom-right | bottom-lefttop-right
offsetNotification 距离顶部的偏移量number20
onClose关闭时的回调函数() => void-
showClose是否显示关闭按钮booleanfalse
renderToNotification挂载位置string | HTMLElementbody

最后更新时间: