vant-ui 如何实现一个van-button关闭的按钮 要求圆形带关闭的图标，给出具体代码示例

在Vant UI库中，你可以使用`van-button`组件结合自定义图标来创建一个圆形的带关闭图标按钮。首先确保已安装了Vant UI，如果还没有，可以使用npm或yarn进行安装：

# npm
npm install vant vant-ui

# yarn
yarn add vant vant-ui

接下来，你可以通过以下步骤实现这个按钮：

1. 引入需要的模块：

import { Button, Icon } from 'vant';

2. 创建一个带有自定义图标和圆角风格的按钮：

<template>
  <div>
    <van-button size="small" round @click="handleClose">
      <Icon name="close" slot="prefix" /> 关闭
    </van-button>
  </div>
</template>

3. 定义处理点击事件的函数 `handleClose`，在这里你可以添加你想在用户点击关闭图标时执行的逻辑：

<script>
export default {
  methods: {
    handleClose() {
      // 在这里添加关闭逻辑，例如关闭某个功能、弹出确认框等
      console.log('Close button clicked');
    },
  },
};
</script>

这样就创建了一个圆角的`van-button`，上面有一个关闭的图标。当用户点击按钮时，会触发`handleClose`方法。