Snackbar

2018-05-26 03:22 更新

Snackbar 會在窗口下方出現(xiàn)一個小的彈出框，它們可以在超時或用戶觸摸屏幕其他地方后自動消失。

屏幕上最多只能同時顯示一個 Snackbar，如果在 Snackbar 還未關(guān)閉時就打開下一個 Snackbar，則下一個 Snackbar 會被加入隊列，等當前 Snackbar 關(guān)閉后再打開。

調(diào)用方法 mdui.snackbar(params) 即可。

使用方法

Snackbar 直接由 JavaScript 調(diào)用，無需編寫 HTML 布局。

要想創(chuàng)建一個 Snackbar，只需調(diào)用方法 mdui.snackbar(params)，該方法返回 Snackbar 的實例。

創(chuàng)建 Snackbar 所需的參數(shù)：

參數(shù)名	類型	默認值	說明
message	string		Snackbar 的文本，該參數(shù)不能為空。
timeout	int	4000	在用戶沒有操作時多長時間自動隱藏，單位（毫秒）。
buttonText	string		按鈕的文本。
buttonColor	string	#90CAF9	按鈕的文本顏色，可以是顏色名或顏色值，如 red、#ffffff、rgba(255, 255, 255, 0.3) 等。
closeOnButtonClick	boolean	true	點擊按鈕時是否關(guān)閉 Snackbar。
closeOnOutsideClick	boolean	true	點擊或觸摸 Snackbar 以外的區(qū)域時是否關(guān)閉 Snackbar。
onClick	function		在 Snackbar 上點擊的回調(diào)函數(shù)。
onButtonClick	function		點擊 Snackbar 上的按鈕時的回調(diào)函數(shù)。
onClose	function		Snackbar 開始關(guān)閉時的回調(diào)函數(shù)。