簡短的消息提示框,支持自定義位置、持續(xù)時間和樣式。
import { Toast } from 'mint-ui';
基本用法
Toast('提示信息');
在調用 ?Toast
? 時傳入一個對象即可配置更多選項
Toast({
message: '提示',
position: 'bottom',
duration: 5000
});
若需在文字上方顯示一個 icon 圖標,可以將圖標的類名作為? iconClass
?的值傳給 Toast(圖標需自行準備)
Toast({
message: '操作成功',
iconClass: 'icon icon-success'
});
執(zhí)行? Toast
? 方法會返回一個 Toast 實例,每個實例都有 ?close
? 方法,用于手動關閉 Toast
let instance = Toast('提示信息');
setTimeout(() => {
instance.close();
}, 2000);
參數 | 說明 | 類型 | 可選值 | 默認值 |
---|---|---|---|---|
message | 文本內容 | String | ||
position | Toast 的位置 | String | 'top'
'bottom' 'middle' |
'middle' |
duration | 持續(xù)時間(毫秒),若為 -1 則不會自動關閉 | Number | 3000 | |
className | Toast 的類名。可以為其添加樣式 | String | ||
iconClass | icon 圖標的類名 | String |
更多建議: