Message
Props
| Prop Name | Type | Required | Default | Description |
|---|---|---|---|---|
| closable | bool | true | 是否可关闭 | |
| title | node | 标题 | ||
| footer | node | 底栏 | ||
| onClose | func | 关闭回调 | ||
| styleType | enum | 'default' | 样式风格，目前只影响 Icon |
说明
- Message 用来弹出提示框。
- 普遍会使用 method 调用的方式
- 有 message, success, warning, error, loading 几种不同的方法。
- 由于命令式调用，同样存在与命令式调用 Modal 同样的风险（具体查看 Modal 页面），但是由于 Message 一般用于展示文本信息，且定时关闭，占位较小，顾风险性相对较小，但是如果在 Message 中传入的内容依赖上下文或添加了操作按钮记得要自行添加依赖和卸载销毁
演示
method - Message 类的方法
接收四个参数，
- message：显示的消息内容 ｜ 传入 message 的 props
- duration: 显示时长，undefined 为默认时长，null 为不自动关闭
- callback: 关闭时的回调
- option: 自定义属性，目前仅支持 zIndex
Message - 或者当组件使用
title - 标题和内容
footer - 底栏
custom - 自定义弹出 message 内容
想弹出自定义的 Message 展示框时可使用，接收三个参数，
- message：显示的消息内容
- duration: 显示时长，undefined 为默认时长，null 为不自动关闭，同上
- callback: 关闭时的回调
config - 自定义 message 配置
可配置全局 message 的配置，会影响后续所有的 message。务必慎用
- duration: 显示时长，null 为不自动关闭
- top: Message 容器距离顶部的距离