Skip to content

浮动消息

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

基本用法

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

显示位置

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

颜色主题

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

禁用关闭按钮

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

自定义操作按钮

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

禁用自动隐藏

默认超过 5000ms 自动隐藏,通过设置 time0 取消自动隐藏。

禁用动画效果

设置 animationfalse 禁用动画效果。

选项

名称类型默认值说明
typestringnull消息类型
placementstringnull浮动消息定位方式,支持 'top' | 'center' | 'bottom' | 'left-top' | 'left' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom'
timenumbernull浮动消息持续时间
contentstringnull浮动消息内容
messagestringnull浮动消息内容,等同于 content
iconstringnull图标名称
actionsobject[]null操作按钮定义列表
marginnumbernull外边距

MIT License (MIT)