浮动消息

通过 JS 动态创建一个浮动消息。

基本用法

通过构造一个 messager 实例，页面上创建一个浮动消息。

显示位置

提供 9 个预设的显示位置，通过 placement 选项进行指定。

颜色主题

提供多种预设颜色主题，通过 type 选项指定外观工具类即可。

禁用关闭按钮

默认会在右侧显示关闭按钮，如果需要禁用关闭按钮，将 close 选项设置为 false。

自定义操作按钮

通过 actions 数组来自定义一组操作。详细配置可参考 工具栏。

禁用自动隐藏

默认超过 5000ms 自动隐藏，通过设置 time 为 0 取消自动隐藏。

禁用动画效果

设置 animation 为 false 禁用动画效果。

选项

名称	类型	默认值	说明
type	string	null	消息类型 placement?: string; // 浮动消息定位方式，支持 'top' | 'center' | 'bottom' | 'left-top' | 'left' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom' time?: number; // 浮动消息持续时间 content?: string; // 浮动消息内容 icon?: string; // 图标名称 actions?: object[]; // 操作按钮定义列表 margin?: number; // 外边距