左滑刪除在移動(dòng)端很常見。下面我們一起來封裝一下這個(gè)簡單的小組件。我們想要是：

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都做網(wǎng)站、和碩網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、和碩網(wǎng)絡(luò)營銷、和碩企業(yè)策劃、和碩品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供和碩建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

• 當(dāng)滑塊沒有超過刪除按鈕的一半時(shí)自動(dòng)回到起點(diǎn)位置。
• 滑動(dòng)距離超過一半滑動(dòng)到最大值（刪除按鈕寬度）
• 盡量精簡代碼

效果如下：

在開始之前，我們先得將 [touchEventApi][1]弄清楚了。這個(gè)小組件中，用到了：

1.  TouchEvent.touches （表示一 個(gè) TouchList 對象，包含了所有當(dāng)前接觸觸摸平面的觸點(diǎn)的Touch對象）

2.  TouchEvent.changedTouches （一個(gè) TouchList 對象，包含了代表所有從上一次觸摸事件到此次事件過程中，
    狀態(tài)發(fā)生了改變的觸點(diǎn)的 Touch 對象。）

話不多說，直接上代碼: 

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

到這里就全部完成了，希望對大家有幫助！也希望大家多多支持創(chuàng)新互聯(lián)。