微信小程序 数据滑动删除效果、左滑出删除按钮效果

微信小程序 数据滑动删除效果、左滑出删除按钮效果

实现效果：

代码：

html:

<view class="container">
  <view class="tuijianlp">
    <view class="lpli {
    {isTouchMove == index ? 'touch-move-active' : ''}}" bindtap="lpinfo" 
      bindtouchstart="touchstart" bindtouchmove="touchmove"
      wx:for="{
    {tuijlpList}}"
      wx:key="l_id"
      data-index="{
    {index}}"
      data-lid="{
    {item.l_id}}"
      data-areaid="{
    {item.area_id}}" >
      <view class="content">
        <view class="lef">
          <image src="{
    {item.img_path != '' ? item.img_path : '../../images/nopic.gif'}}" mode="" alt="" class="lpimg" />
        </view>
        <view class="rig">
          <view class="lpname">{
  { item.title }}</view>
          <view class="price">{
  { item.price }}元/m²</view>
          <view class="hui place">{
  { item.name }}</view>
          <view class="tag">
            <text class="lpspan red">{
  { item.sales_status }}</text>
            <text class="lpspan tagico"