van-dialog如何设置右上角关闭图标按钮

要在van-dialog中添加右上角的关闭图标按钮，请在Dialog组件中添加v-if指令来控制是否显示该按钮，并在按钮中添加点击事件来关闭对话框。以下是一个示例代码：

<template>
  <div>
    <van-dialog
      v-model="showDialog"
      title="标题"
      :show-close="false">
      对话框内容
      <template #footer>
        <van-button @click="showDialog = false">取消</van-button>
        <van-button type="primary" @click="handleConfirm">确认</van-button>
        <van-icon
          v-if="showCloseIcon"
          name="close"
          class="van-dialog__close"
          @click="showDialog = false"
        />
      </template>
    </van-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showDialog: false,
      showCloseIcon: true,
    };
  },
  methods: {
    handleConfirm() {
      // 处理确认事件
    },
  },
};
</script>

在上面的代码中，我们在Dialog组件的footer中添加了一个van-icon，用来显示右上角的关闭图标按钮。我们使用v-if指令来控制是否显示该按钮，可以通过设置showCloseIcon的值来控制。在van-icon中添加@click事件来关闭对话框，点击按钮时，我们将showDialog设置为false来关闭对话框。