- 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 - 滑動刪除
描述
滑動刪除允許您透過滑動列表元素來顯示隱藏的選單操作。滑動刪除是列表檢視的擴充套件。
滑動刪除類
下表顯示了滑動刪除中使用的類列表 -
| 序號 | 類 & 描述 |
|---|---|
| 1 | swipeout-content 它是列表元素的包裝器。當您滑動列表項時，它會移動。 |
| 2 | swipeout-actions-left 它是包含左側滑動刪除操作按鈕/連結的容器。 |
| 3 | swipeout-actions-right 它是包含右側滑動刪除操作按鈕/連結的容器。 |
| 4 | swipeout-close 它是在滑動刪除連結上的一個額外類。當您點選此連結時，它用於關閉滑動刪除元素。 |
swipeout-content 和 swipeout-actions-left/right 應該是 <li> 的直接子元素
滑動刪除型別
下表顯示了 Framework7 中使用的滑動刪除型別 -
| 序號 | 型別 & 描述 |
|---|---|
| 1 | 基本滑動刪除
基本滑動刪除包含 swipeout-content 包裝器和操作按鈕/連結。 |
| 2 | 滑動刪除
要刪除滑動刪除操作按鈕，您可以使用 swipeout-delete 類。 |
| 3 | 過度滑動
當您過度滑動操作時，過度滑動操作將自動觸發。 |
| 4 | 滑動刪除 JavaScript API
要控制滑動刪除元素，滑動刪除為您提供 JavaScript API。 |
| 5 | 滑動刪除事件
要檢測使用者如何與滑動刪除進行互動，您可以使用滑動刪除事件。 |
framework7_list_views.htm
廣告