使用ant-d的时候a-button文字换成icon

在Ant Design for Vue中，如果你想在`<a-button>`组件中替换文字为图标，可以使用`icon`属性。这个属性接受SVG图标名称、Icon字体图标名或者是Iconfont的图标路径。例如：

<a-button type="primary" icon="anticon anticon-message">消息</a-button>

在这个例子中，"message"是Ant Design提供的内置图标，如果你想要自定义图标，可以使用Iconfont的图标名称，或者完整的图标URL。

如果你想使用Ant Design的CSS类名作为图标，可以这样做：

<a-button type="primary" :icon-type="'circle-check'" >已读</a-button>

这里`:icon-type`是一个Vue绑定，它会将`circle-check`作为图标类名显示。

记得先引入相应的Icon组件和样式，你可以通过以下方式引入：

<template>
  <a-button :icon="yourCustomIconName">
    <!-- ... -->
  </a-button>
</template>

<script>
import { AButton } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // 引入Ant Design CSS

export default {
  components: {
    AButton,
  },
};
</script>