直播小程序源码，对话框左滑显示选项和删除按钮

直播小程序源码，对话框左滑显示选项和删除按钮

1

<view class=""><br>  <view class="containerTitle">使用movable-view实现左滑</view><br>  <view class="list"><br>    <view class="product-item" wx:for="{{productList}}" wx:for-index="index" wx:key="{{item.id}}" ><br>      <movable-area><br>        <movable-view out-of-bounds="true" direction="horizontal" x="{{item.xmove}}"<br>          inertia="true"<br>          data-productIndex="{{index}}"<br>          bindtouchstart="handleTouchStart"<br>          bindtouchend="handleTouchEnd"<br>          bindchange="handleMovableChange"><br>          <view class="product-item-wrap"><br>            <view class="product-movable-item"><br>              <view class="product-movable-item-name">{{item.name}}</view><br>              <view class="product-movable-item-code">{{item.code}}</view><br>            </view><br>            <view class="product-movable-item product-movable-item-amount"><br>              <text class="amount">{{item.amount}}</text><br>              <text class="unit">万</text><br>            </view><br>          </view><br>        </movable-view><br>      </movable-area><br>      <view class="delete-btn" data-id="{{item.id}}" bindtap="handleDeleteProduct">删除</view><br>    </view><br>  </view><br>  <view class="containerTitle">使用Touch事件实现左滑</view><br>  <view class="list"><br>    <view class="product-item" wx:for="{{slideProductList}}" wx:for-index="index" wx:key="{{item.id}}"><br>      <slide-delete pid="{{item.id}}" bindaction="handleSlideDelete" wx:key="{{item.id}}"><br>        <view class="product-item-wrap"><br>          <view class="product-movable-item"><br>            <view class="product-movable-item-name">{{item.name}}</view><br>            <view class="product-movable-item-code">{{item.code}}</view><br>          </view><br>          <view class="product-movable-item product-movable-item-amount"><br>            <text class="amount">{{item.amount}}</text><br>            <text class="unit">万</text><br>          </view><br>        </view><br>      </slide-delete><br>    </view><br>  </view><br></view>

​以上就是直播小程序源码，对话框左滑显示选项和删除按钮， 更多内容欢迎关注之后的文章