对单条列表进行横向滑动显示其支持的操作项，是一种比较常见的移动端交互方式。本案例将以任务列表页面为例，使用Protopie软件来实现单条任务列表左滑删除、右滑设为完成的效果。
涉及到的基本Protopie功能
- Protopie组件的使用
- 触发：拖拽、监听、抬起、长按
- 反应：移动、透明度、大小
实现效果
案例具体实现效果
本案例在任务列表页面中对于单条列表均支持左右滑动。向左滑动显示删除操作，当滑动超过设定距离或点击删除按钮时，删除该条任务并将之后当任务进行上移。向右滑动显示设为已完成操作，同样的当滑动距离超过设定距离或点击设为完成按钮时，对任务文本添加删除线表示其已完成。
案例源文件下载&预览
https://cloud.protopie.io/p/2dbc6cb9d4
闽ICP备13000641号-4