99re热这里只有精品视频,7777色鬼xxxx欧美色妇,国产成人精品一区二三区在线观看,内射爽无广熟女亚洲,精品人妻av一区二区三区

Mint UI 簡單的消息提示框-Toast

2021-09-06 15:05 更新
簡短的消息提示框,支持自定義位置、持續(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);

API

參數 說明 類型 可選值 默認值
message 文本內容 String
position Toast 的位置 String 'top'
'bottom'
'middle'
'middle'
duration 持續(xù)時間(毫秒),若為 -1 則不會自動關閉 Number 3000
className Toast 的類名。可以為其添加樣式 String
iconClass icon 圖標的類名 String


實例演示

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號