Skip to content

FloatButton 悬浮按钮

默认固定于页面右下角的圆形操作按钮,常用于「新建」「反馈」等快捷操作,支持角标与自定义图标。

演示中已加 style="position: static" 避免固定定位影响页面布局;实际使用默认固定在右下角。

基础用法

带角标

无角标

无角标

自定义图标

自定义图标

事件反馈

点击事件

API

属性

属性说明类型默认值
badge右上角标数字string

事件

事件说明
oas-click点击,detail: { originalEvent }

插槽

名称说明
icon

插槽:icon(默认 +)。默认定位 position: fixed; bottom/right,可通过宿主元素样式覆盖。