Message 全局操作提示
全局展示操作反馈信息。分为基础消息提示、标题+内容提示、及时反馈提示。
可提供 成功、错误、警告、提醒 四种类型。
API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
type | 指定警告提示的样式,有四种选择 success error info warning
|
string | 无 | 是 |
message | 警告提示标题 | string | 无 | 是 |
description | 警告提示内容 | string 或者 array | 无 | 否 |
showCloseButton | 是否显示关闭按钮, | boolean | error和info默认为 true, 其他默认为 false | 否 |
container | 指定渲染到的Dom容器 | DOM | 无 | 否 |
duration | 自动消失时间 | number | 3000 | 否 |
top | 上偏移量, 根据组件的默认位置,可以是负数 (正数向下移,负数向上移) | number | 无 | 否 |
left | 左偏移量, 根据组件的默认位置,可以是负数 (正数向左移,负数向右移) | number | 无 | 否 |
onClose | 关闭时触发的回调函数 | ()=>{} | 无 | 否 |
size | 提示尺寸可选small 为轻提示 big
|
string | big | 否 |
1.0.8
默认的zIndex使用styleToken里messageZindex
1.0.7
样式冲突导致的图标位置不正确,图标与位置的对起
2019-07-29
Message.xxx()
包括:
Message.info
Message.success
Message.error
Message.warning
以上均为一个函数,参数为 object,具体属性如下:
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
type | 指定警告提示的样式,有四种选择 success error info warning
|
string | 无 | 是 |
message | 警告提示标题 | string | 无 | 是 |
description | 警告提示内容 | string 或者 array | 无 | 否 |
showCloseButton | 是否显示关闭按钮, | boolean | error和info默认为 true, 其他默认为 false | 否 |
duration | 自动消失时间 | number | 3000 | 否 |
top | 上偏移量, 根据组件的默认位置,可以是负数 (正数向下移,负数向上移) | number | 无 | 否 |
left | 左偏移量, 根据组件的默认位置,可以是负数 (正数向左移,负数向右移) | number | 无 | 否 |
size | 提示尺寸可选small 为轻提示 big
|
string | big | 否 |
返回值为一个object,具体属性如下:
-
close
: 一个用于关闭当前dialog的function
使用方法:
const infoMs = Message.info({message: '这里是标题'})
infoMs.close() // 关闭当前对话框
2019-09-02
2019-09-25
增加多语言
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
translation | 语言包 用于翻译组件内置常量 | {more: string,iSee: string} | {more: '查看更多',iSee: '我知道了'} |