Mint UI 簡(jiǎn)單的消息提示框-Toast

簡(jiǎn)短的消息提示框，支持自定義位置、持續(xù)時(shí)間和樣式。

引入

import { Toast } from 'mint-ui';

例子

基本用法

Toast('提示信息');

在調(diào)用 ?Toast? 時(shí)傳入一個(gè)對(duì)象即可配置更多選項(xiàng)

Toast({
  message: '提示',
  position: 'bottom',
  duration: 5000
});

若需在文字上方顯示一個(gè) icon 圖標(biāo)，可以將圖標(biāo)的類(lèi)名作為? iconClass ?的值傳給 Toast（圖標(biāo)需自行準(zhǔn)備）

Toast({
  message: '操作成功',
  iconClass: 'icon icon-success'
});

執(zhí)行? Toast? 方法會(huì)返回一個(gè) Toast 實(shí)例，每個(gè)實(shí)例都有 ?close? 方法，用于手動(dòng)關(guān)閉 Toast

let instance = Toast('提示信息');
setTimeout(() => {
  instance.close();
}, 2000);

API