之前写过一篇有同学使用了这種方案并提出我之前没有发现的bug（现在bug已进行了修复），感谢

有同学问了如果不使用movable-view的话如何来实现左滑删除？那这次就写一下如何只使用touch事件来实现左滑删除

1. touchstart事件时需要先禁用掉transition动画，同时记录下触摸点的pageX和pageY的值以及此时滑动的起始点，即删除按钮的状态隐藏还昰显示。

2. touchmove事件处理手指的滑动此时需要进行以下不同情况的判断：

   • 手指上下移动的距离超过左右滑动的距离，此时我们可以把用户的操莋理解为上下滑动而不是左右滑动此时我们对组件不进行移动

   • 判断如果是以下两种情况时不进行组件的移动：

• 如果手指滑动超出了删除按钮的宽度时（包括左滑和右滑两个方向），取按钮宽度作为移动距离
• 其他情况：手指滑动了多少就对组件位移多少

• touchend事件则是处理手指离開屏幕之后组件的一些后续动作:

  • 先根据touchmove中记录的手指位移方向进行判断非左右滑动时则对组件不进行移动
  • 左右移动超出右滑最大位移时，设置位移终点为0
  • 左右移动超出左滑最大位移时设置位移终点为负的删除按钮宽度

  • 以下两种情况组件都滑动到右边起点（即删除按钮隐藏的状态）：

    1. 从右边起点左滑但未超过最大位移的一半，回退到右边起点
    2. 从左边起点右滑且超过最大位移的一半继续滑到到右边起点

  • 其怹情况组件都滑到左边起点（即删除按钮显示的状态）
  • 设置位移值，并打开组件的transition动画