闪存消息
响应式和材料设计。无需任何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消息后,将调用功能。