mini-shop/component/slider-left/index.wxml

<movable-area
  class="slider-left-item"
  style="width: calc({{ openWidth }}px + {{ width }}rpx);margin-left: -{{openWidth}}px;"
>
  <movable-view class="slider-left-content"
    damping="100"
    style="width: {{ width }}rpx"
    x="{{ x }}"
    direction="horizontal"
    bind:touchstart="handleTouchestart"
    bind:touchend="handleTouchend"
    bind:change="handleChange">
    <slot></slot>
  </movable-view>
  <view class='slider-left-handle'>
    <view
      bind:tap="handleDelete"
      style="width:{{ openWidth }}px"
      class='handle-delete'>{{butText}}</view>
  </view>
</movable-area>