Swipeout
优质
小牛编辑
130浏览
2023-12-01
描述 (Description)
通过swipeout ，您可以通过滑动列表元素来显示隐藏的菜单操作。 Swipeout是list view的扩展。
Swipeout类
下表显示了swipeout使用的类列表 -
| S.No | 类和描述 |
|---|---|
| 1 | swipeout-content 它是list元素的包装器。 在向上滑动列表项时它将移动。 |
| 2 | swipeout-actions-left 它是由左侧滑动操作按钮/链接组成的容器。 |
| 3 | swipeout-actions-right 它是由右侧滑动动作按钮/链接组成的容器。 |
| 4 | swipeout-close 这是一个关于swipeout链接的附加课程。 用于在单击此链接时关闭swipeout元素。 |
swipeout-content和swipeout-actions-left/right应该是“li”的直接子swipeout-actions-left/right
Swipeout类型
下表显示了Framework7中使用的swipeout类型 -
| S.No | 类型和描述 |
|---|---|
| 1 | Swipeout Basic 基本的swipeout包含swipeout-content包装器和操作按钮/链接。 |
| 2 | 滑动即可删除 要删除swipeout操作按钮，可以使用swipeout-delete类。 |
| 3 | Overswipe 当您轻扫动作时，将自动触发过overswipe 。 |
| 4 | Swipeout JavaScript API 要控制swipeout元素，swipeout会为您提供JavaScript API。 |
| 5 | Swipeout事件 要检测用户与滑动内容的交互方式，您可以使用swipeout事件。 |