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

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

# 使用

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

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

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

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

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

继续学习由我们的团队选择的相关内容，或通过使用下面的导航链接在页面之间跳转。

在 GitHub 上编辑此页面

最后更新：10/07/2024, 11:31:37 AM