Framework7 - Swipeout
描述
swipeout 允许您通过在列表元素上滑动来显示隐藏的菜单操作。Swipeout 是 列表视图 的扩展。
Swipeout 类
下表显示了 swipeout 中使用的类列表 −
| S.No | 类 &描述 |
|---|---|
| 1 | swipeout-content 它是列表元素的包装器。当您在列表项上滑动时，它将移动。 |
| 2 | swipeout-actions-left 它是包含左侧滑动操作按钮/链接的容器。 |
| 3 | swipeout-actions-right 它是包含右侧滑动操作按钮/链接的容器。 |
| 4 | swipeout-close 它是滑动链接上的附加类。它用于在您单击此链接时关闭 swipeout 元素。 |
swipeout-content 和 swipeout-actions-left/right 应为 <li> 的直接子元素
Swipeout 类型
下表显示了 Framework7 中使用的 swipeout 类型 −
| S.No | 类型 &描述 |
|---|---|
| 1 | Swipeout Basic
基本 swipeout 包含 swipeout-content 包装器和操作按钮/链接。 |
| 2 | 滑动删除
要删除 swipeout 操作按钮，您可以使用 swipeout-delete 类。 |
| 3 | 过度滑动
当您滑动操作过多时，将自动触发过度滑动操作。 |
| 4 | Swipeout JavaScript API
为了控制滑动元素，swipeout 为您提供了 JavaScript API。 |
| 5 | Swipeout 事件
要检测用户如何与滑动交互，您可以使用滑动事件。 |
framework7_list_views.html
