# Fab 浮动按钮

浮动操作按钮（FAB）代表着应用中最重要的操作，是为了使用户更便于操作。就像一个圆形的图标漂浮在界面上，它会在聚焦时改变颜色，在选中时改变海拔高度。按下时，它可能会包含更多相关的操作。

一个屏幕上建议只使用一个浮动操作按钮，它应该只代表最常见的操作。

浮动操作按钮应该被放置在距离屏幕边框至少 16px 的地方

# 使用指南

在 Taro 文件中引入组件

import { AtFab } from 'taro-ui-vue3'

组件依赖的样式文件（仅按需引用时需要）

@import "taro-ui-vue3/dist/style/components/fab.scss";

# 用法

浮动按钮中的图标元素，请自行加上类名 "at-fab__icon"

浮动按钮默认不会脱离文档流，请自行包含一个父元素并设置 fixed 定位

<AtFab>
  <text class='at-fab__icon at-icon at-icon-menu'></text>
</AtFab>

# 点击事件

<AtFab @click="onButtonClick">
  <text class='at-fab__icon at-icon at-icon-menu'></text>
</AtFab>

# Fab 参数

# Fab 事件