对操作结果的轻量级反馈,无需用户操作即可自行消失
最长文案不超过2行,最多可以显示24个字符,文案过长会被截断
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
type | string | 否 | - | toast 类型,展示相应图标,支持 success / fail / warning / loading |
content | string | 是 | - | Toast 文本内容 |
icon | Icon类型 | 否 | - | Toast 图标 |
image | string | 否 | - | Toast 图标 |
duration | number | 否 | 2000 | Toast 持续时间, duration为0不会自动关闭 |
visible | boolean | 是 | false | 是否隐藏 |
showMask | boolean | 否 | false | 是否展示蒙层 |
maskCloseable | boolean | 否 | false | 点击蒙层是否关闭 |
className | string | 否 | - | 类名 |
事件名 | 说明 | 类型 |
---|---|---|
onClose | Toast 关闭后的回调 | (e) => void |
类名 | 说明 |
---|---|
amd-toast-wrapper | 整理样式 |
amd-toastWithIcon-wrapper | 带有 icon 时整体样式 |
amd-toast-icon | icon 样式 |