标签:关闭 rip 提示框 说明 word The contain bsp instance
简短的消息提示框,支持自定义位置、持续时间和样式。
import { Toast } from ‘mint-ui‘;
基本用法
Toast(‘提示信息‘);
在调用 Toast 时传入一个对象即可配置更多选项
Toast({
message: ‘提示‘,
position: ‘bottom‘,
duration: 5000
});
若需在文字上方显示一个 icon 图标,可以将图标的类名作为 iconClass 的值传给 Toast(图标需自行准备)
Toast({
message: ‘操作成功‘,
iconClass: ‘icon icon-success‘
});
执行 Toast 方法会返回一个 Toast 实例,每个实例都有 close 方法,用于手动关闭 Toast
let instance = Toast(‘提示信息‘);
setTimeout(() => {
instance.close();
}, 2000);
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| message | 文本内容 | String | ||
| position | Toast 的位置 | String | ‘top‘ ‘bottom‘ ‘middle‘ |
‘middle‘ |
| duration | 持续时间(毫秒),若为 -1 则不会自动关闭 | Number | 3000 | |
| className | Toast 的类名。可以为其添加样式 | String | ||
| iconClass | icon 图标的类名 | String |
标签:关闭 rip 提示框 说明 word The contain bsp instance
原文地址:https://www.cnblogs.com/luwei0915/p/12247917.html