Skip to content

Message 消息

美化了浏览器原本的message

基础用法

出现在屏幕的正上方, 默认3秒后消失。

不同状态

可以通过 type 指定消息的类型,用来显示「成功、提示、警告、错误」类的操作反馈。

存活时间

使用 timeout 设置消息的存活时间

关闭方式

可以使用 showClose在消息后面显示一个close图标,点击该图标可手动关闭Message。另外,在Message拥有焦点时,按下ESC也可以关闭Message。

偏移量

可以使用 offset 指定距离上一条消息的距离,默认距离是10px。

自定义图标

  • 使用 icon设置Messaged的图标.
  • 使用 color设置Message的图标颜色.

Message API

Message Props

属性名说明类型默认值
text消息文本String---
type类型'success' | 'info' | 'warning' | 'danger'---
timeout存活时间Number3000ms
showCloseIcon是否显示关闭图标Booleanfalse
offset距离上一条消息的偏移量Number10px
icon自定义消息的图标String---
color自定义消息的颜色String---

源代码

组件

贡献者

Released under the MIT License.