- 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
广告