小程序touch左滑删除

小程序中实现左滑删除的功能可以通过以下步骤来实现：

1. 在wxml文件中，创建一个列表项的模板，并在模板中添加一个滑动删除的区域。可以使用`<swiper>`组件来实现滑动效果，设置`direction`属性为`horizontal`，并在其中添加一个删除按钮。

2. 在对应的js文件中，监听滑动事件，当用户滑动列表项时，获取滑动的距离。

3. 根据滑动的距离，判断用户是要进行删除操作还是取消操作。可以通过设置一个阈值来判断用户的意图，例如当滑动距离超过列表项宽度的一半时，认为用户是要进行删除操作。

4. 如果用户意图是删除操作，则可以通过调用相应的接口或方法来删除对应的数据，并更新列表显示。

5. 如果用户意图是取消操作，则将列表项恢复到原始状态。

下面是一个简单的示例代码：

<!-- wxml -->
<template name="item">
  <view class="item">
    <swiper class="swiper" direction="horizontal">
      <view class="content">
        <!-- 列表项内容 -->
      </view>
      <view class="delete">删除</view>
    </swiper>
  </view>
</template>

<scroll-view class="list">
  <block wx:for="{{list}}" wx:key="index">
    <template is="item" data="{{...item}}"></template>
  </block>
</scroll-view>

/* wxss */
.item {
  position: relative;
  height: 100px;
}

.swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content {
  width: 100%;
  height: 100%;
}

.delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  background-color: red;
  color: white;
  text-align: center;
  line-height: 100px;
}

// js
Page({
  data: {
    list: [
      // 列表数据
    ]
  },
  
  handleTouchStart(e) {
    // 记录滑动开始的位置
    this.startX = e.touches.clientX;
  },
  
  handleTouchEnd(e) {
    // 计算滑动的距离
    const endX = e.changedTouches.clientX;
    const distance = endX - this.startX;
    
    // 判断滑动距离是否超过阈值
    if (Math.abs(distance) > this.data.list.width / 2) {
      // 删除操作
      // 调用删除接口或方法
      // 更新列表显示
    } else {
      // 取消操作
      // 恢复列表项到原始状态
    }
  }
});