uniapp 左滑删除

uniapp 左滑删除可以通过引入第三方组件实现。以下是一个使用 `uni-list` 和 `uni-icons` 实现左滑删除的例子：

<template>
  <view>
    <uni-list>
      <uni-list-item v-for="(item, index) in list" :key="index">
        <view slot="content">{{ item }}</view>
        <view slot="action" class="action">
          <uni-icons type="trash" size="20" color="#fff" @click="delItem(index)"></uni-icons>
        </view>
      </uni-list-item>
    </uni-list>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        list: ['item1', 'item2', 'item3']
      }
    },
    methods: {
      delItem(index) {
        this.list.splice(index, 1);
      }
    }
  }
</script>

<style>
  .action {
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

在上面的例子中，我们使用了 `uni-list` 和 `uni-list-item` 组件来展示列表内容，使用 `slot` 来分别放置列表内容和删除按钮。删除按钮使用了 `uni-icons` 组件，并在点击事件中调用了 `delItem` 方法来删除对应的列表项。