- Framework7 教程
- Framework7 - 首页
- Framework7 - 概述
- Framework7 - 环境
- Framework7 组件
- Framework7 - 布局
- Framework7 - 导航栏
- Framework7 - 工具栏
- Framework7 - 搜索栏
- Framework7 - 状态栏
- Framework7 - 侧边栏
- Framework7 - 内容块
- Framework7 - 布局网格
- Framework7 - 覆盖层
- Framework7 - 预加载器
- Framework7 - 进度条
- Framework7 - 列表视图
- Framework7 - 手风琴
- Framework7 - 卡片
- Framework7 - 芯片
- Framework7 - 按钮
- Framework7 - 操作按钮
- Framework7 - 表单
- Framework7 - 标签页
- Framework7 - Swiper 滑块
- Framework7 - 照片浏览器
- Framework7 - 自动完成
- Framework7 - 选择器
- Framework7 - 日历
- Framework7 - 刷新
- Framework7 - 无限滚动
- Framework7 - 消息
- Framework7 - 消息栏
- Framework7 - 通知
- Framework7 - 延迟加载
- Framework7 样式
- Framework7 - 色彩主题
- Framework7 - 分割线
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自动编译
- Framework7 - Template7 页面
- Framework7 快速点击
- Framework7 - 活动状态
- Framework7 - 长按事件
- Framework7 - 触摸水波纹
- Framework7 有用资源
- Framework7 - 快速指南
- Framework7 - 有用资源
- Framework7 - 讨论
Framework7 - 操作按钮
描述
Framework7 提供了浮动操作按钮用于突出显示操作。它们显示为 UI 上方的浮动圆形图标。它具有包含变形、启动和转移锚点的运动行为。
浮动操作按钮仅在 Material 主题中受支持。
下表列出了 Framework7 中使用的操作按钮类型 -
序号 | 类型和描述 |
---|---|
1 | 浮动操作按钮布局
这非常简单;您只需要将其放置为页面或视图的子元素即可。 |
2 | 变形为弹出窗口
如果希望在点击浮动操作按钮时打开弹出窗口,则可以使用floating-button-to-popover 类。 |
3 | 快速拨号
您可以通过使用快速拨号在点击浮动操作按钮时调用相关操作。 |
广告