前端uniapp卡片，当卡片中步进器数量为0时删除卡片，给出示例

好的，以下是一个示例代码：

<template>
  <div>
    <div v-for="(card, index) in cardList" :key="index">
      <h2>Card {{ index + 1 }}</h2>
      <div v-if="card.amount !== 0">
        <div>
          <label>Amount:</label>
          <el-input-number v-model="card.amount"></el-input-number>
        </div>
      </div>
      <div v-else>
        <button @click="removeCard(index)">Remove card</button>
      </div>
    </div>
    <button @click="addCard">Add card</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cardList: [{ amount: 0 }]
    }
  },
  methods: {
    addCard() {
      this.cardList.push({ amount: 0 })
    },
    removeCard(index) {
      this.cardList.splice(index, 1)
    }
  }
}
</script>

在这个示例中，我们使用了 `v-for` 指令来循环渲染卡片列表。每个卡片都有一个步进器，当步进器数量为0时，会显示一个删除按钮。如果用户点击了删除按钮，我们会从卡片列表中删除该卡片。如果用户想要增加卡片，可以点击“Add card”按钮来添加一个新的卡片。