閱讀(3.3k) 書簽贊(0) 我要糾錯(cuò)

Snackbar

2018-05-26 03:22 更新

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

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

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

使用方法

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

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

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

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

Snackbar 實(shí)例擁有的方法：

方法名	描述
close	關(guān)閉 Snackbar，關(guān)閉后 Snackbar 會(huì)被銷毀。

www.mdui.org - Snackbar - 示例

以上內(nèi)容是否對(duì)您有幫助：

寫筆記

我要補(bǔ)充