# Buttons: Floating Action Button (按钮: 浮动动作按钮)

v-btn 组件可以用作浮动动作按钮。 这提供了一个具有主要行为点的应用程序。 结合 v-speed-dial 组件, 您可以创建一组可供用户使用的功能。

# 使用

浮动动作按钮可以附加到material上来表示应用程序中的提升操作。 在大多数情况下，将使用默认大小，而 small 变量可用于与大小相似的元素保持连续性。

# API

# 示例

# 其他

# 显示时的动画

当第一次显示时，浮动动作按钮应该在屏幕上显示动画。 这里我们使用v-show和 v-fab-transition 。 您也可以使用由Vuetify或自己提供的自定义过度。

# 横向屏幕切换

当更改按钮的默认操作时，建议您显示一个过度来表示更改。 我们通过将keyprop 绑定到一段数据上，该数据可以正确地向Vue 过度系统发出操作变化的信号。 虽然您可以为此使用自定义转换，但请确保将mode prop 设置为out-in。

# 小型按钮

为了达到更好的视觉效果，我们可以使用小型按钮以适配列表的头像。

# 快速拨号

v-speed-dial 组件为浮动动作按钮提供了强大的 api，你可以尽情定制你想要的效果。

了解更多？

继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：11/12/2024, 6:59:50 AM