Ant Design Vue给a-modal标题添加a-icon图标

您可以在`a-modal`组件的标题部分添加一个`a-icon`组件，以实现在`a-modal`标题中添加图标的效果。示例如下：

<template>
  <a-modal :visible="visible" :title="modalTitle">
    <p>这是一个模态框的内容</p>
    <span slot="footer">
      <a-button type="primary" @click="handleOk">确定</a-button>
      <a-button @click="handleCancel">取消</a-button>
    </span>
    <a-icon :type="iconType" slot="title" />
  </a-modal>
</template>

<script>
import { Modal, Button, Icon } from 'ant-design-vue'

export default {
  components: {
    'a-modal': Modal,
    'a-button': Button,
    'a-icon': Icon
  },
  data() {
    return {
      visible: false,
      modalTitle: '这是一个带图标的模态框',
      iconType: 'smile'
    }
  },
  methods: {
    handleOk() {
      this.visible = false
    },
    handleCancel() {
      this.visible = false
    }
  }
}
</script>

在上述示例中，我们在`a-modal`的标题部分添加了一个`a-icon`组件，并将其`type`属性设置为`smile`，以显示笑脸图标。您可以根据需要更改图标的类型。