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 | 存活时间 | Number | 3000ms |
| showCloseIcon | 是否显示关闭图标 | Boolean | false |
| offset | 距离上一条消息的偏移量 | Number | 10px |
| icon | 自定义消息的图标 | String | --- |
| color | 自定义消息的颜色 | String | --- |