Framework7 浮动操作按钮

Framework7 浮动操作按钮用于提升的操作。它就像一个悬浮在 UI 上方的圆形图标，具有包括变形、启动和转移锚点在内的运动行为。

注意：浮动操作按钮仅在 Material 主题中受支持。

Framework7 中使用了 3 种类型的操作按钮

1. 浮动操作按钮布局： 这非常简单。您只需将其放置为页面或视图的子元素即可。
2. 变形为弹出框： 如果您想在单击浮动操作按钮时打开弹出框，则可以使用 floating-button-to-popover 类。
3. 速度拨号： 您可以使用速度拨号通过单击浮动操作按钮来调用相关操作。

浮动操作按钮布局

这是一个非常简单的布局。您只需将其放置为页面或视图的子元素即可。使用 floating-button 类在您的应用程序中使用浮动操作按钮。

示例

让我们举一个例子来演示浮动操作按钮布局。

变形为弹出框

当您想在单击浮动操作按钮时打开弹出框时，使用 "floating-button-to-popover" 类。

示例

让我们举一个例子来演示变形为弹出框的过渡。

速度拨号

您可以在浮动点按钮上使用速度拨号。通过单击浮动操作按钮，您可以调用相关操作。速度拨号操作中可以使用最少 3 个和最多 6 个操作。

示例

让我们举一个例子，看看按下浮动按钮时不同类型的速度拨号操作。