左滑删除在移动端很常见。下面我们一起来封装一下这个简单的小组件。我们想要是：

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都做网站、和硕网络推广、小程序设计、和硕网络营销、和硕企业策划、和硕品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供和硕建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

• 当滑块没有超过删除按钮的一半时自动回到起点位置。
• 滑动距离超过一半滑动到最大值（删除按钮宽度）
• 尽量精简代码

效果如下：

在开始之前，我们先得将 [touchEventApi][1]弄清楚了。这个小组件中，用到了：

1.  TouchEvent.touches （表示一 个 TouchList 对象，包含了所有当前接触触摸平面的触点的Touch对象）

2.  TouchEvent.changedTouches （一个 TouchList 对象，包含了代表所有从上一次触摸事件到此次事件过程中，
    状态发生了改变的触点的 Touch 对象。）

话不多说，直接上代码: 

然后是css，这里我使用的是less

到这里就全部完成了，希望对大家有帮助！也希望大家多多支持创新互联。