写一个完整的uniapp评论删除

以下是一个基本的uniapp评论删除的代码示例：

<template>
  <view class="container">
    <view class="comments-list">
      <view v-for="(comment, index) in comments" :key="index">
        <view class="comment">{{ comment }}</view>
        <button class="delete-btn" @click="deleteComment(index)">删除</button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      comments: ["这是第一条评论", "这是第二条评论", "这是第三条评论"],
    };
  },
  methods: {
    deleteComment(index) {
      uni.showModal({
        title: "提示",
        content: "确认删除此评论？",
        success: (res) => {
          if (res.confirm) {
            this.comments.splice(index, 1);
            uni.showToast({
              title: "删除成功",
              icon: "none",
            });
          }
        },
      });
    },
  },
};
</script>

<style>
.container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comments-list {
  width: 80%;
}
.comment {
  margin-bottom: 20rpx;
  font-size: 16px;
}
.delete-btn {
  padding: 10rpx 20rpx;
  background-color: #f44336;
  color: #fff;
  border: none;
  border-radius: 5rpx;
  font-size: 16px;
}
</style>

在这个示例中，我们展示了一个包含多个评论的列表，并且每个评论旁边都有一个“删除”按钮。当用户点击某个评论旁边的删除按钮时，我们会弹出一个确认框，询问用户是否确认删除此评论。如果用户确认删除，我们就会从评论列表中删除该评论，并且弹出一个“删除成功”的提示。