閃存消息
響應式和材料設計。無需任何UI框架依賴項即可顯示閃存消息或吐司消息的軟件包!
其他Flash消息包通常取決於其他UI框架,例如Bootstrap或物質化。這可能會對您的項目造成衝突。此軟件包不取決於任何UI軟件包或UI框架。因此,您無需擔心項目的衝突。
您可以從location1或location 2中看到演示2。
用法
import { FlashMessage } from 'meteor/haojia321:flash-message-toast';
FlashMessage.show({
align: 'bottomCenter',
text: 'Hello World!'
});
API
flashmessage.show(options);
參數:選項對象
- 對齊字符串
選修的。定義要如何對齊消息容器。
允許的值:“傑出”,“ topleft”,“ topcenter”,“ bottomright”,“ bottomleft”和“ bottomCenter”。默認值為“ topCenter”。 - Autohide Boolean
選修的。定義消息是否會自動消失。
允許的價值:真和錯誤。默認是正確的。 - Hidedelay Integer毫秒
選修的。 Flash消息之前的延遲時間消失。
默認值為2000。 - 文本字符串
選修的。閃存消息的內容。
默認值是“ Hello World”。 - ishtml布爾
選修的。如果ISHTML設置為true,則文本將呈現為HTML內容。
默認值為false。 - 類型字符串
選修的。定義閃存消息的類型。
允許的值“信息”,“錯誤”,“成功”和“警告”。默認值為“信息”。 - Showclosebutton boolean
選修的。如果設置為true,Flash消息將顯示一個關閉按鈕。
默認值為false。 - Beforeshow功能
選修的。在UI上顯示閃存消息之前,將調用函數。 - 後展示功能
選修的。在UI上顯示Flash消息後,將調用函數。 - 縮放功能
選修的。函數將在從UI中刪除閃存消息之前調用。 - 後側功能
選修的。從UI刪除Flash消息後,將調用功能。
返回閃存消息DOM元素的ID。
flashmessage.hide(id,obj);
參數:ID字符串
參數:OBJ對象
- 縮放功能
選修的。函數將在從UI中刪除閃存消息之前調用。 - 後側功能
選修的。從UI刪除Flash消息後,將調用功能。