
- 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 | 快速撥號
您可以透過使用快速撥號在點選浮動操作按鈕時呼叫相關操作。 |
廣告