antdv alert组件自定义icon

Ant Design Vue (adonis) 提供了一个名为 `alert` 的警告提示组件，它允许用户自定义图标。要在 Antd Vue 中自定义 `alert` 组件的图标，你可以通过设置 `type` 属性，并传递一个图标名称或者一个包含类名的字符串，然后使用 Ant Design 的内置图标库。

例如，如果你想用一个自定义的 SVG 图标，可以这样做：

<template>
  <a-alert :type="customType" icon="your-custom-svg-icon-class">
    自定义提示信息
  </a-alert>
</template>

<script>
export default {
  data() {
    return {
      customType: 'info', // 或者其他类型的报警类型如 'success', 'warning', 'error'
    };
  },
};
</script>

<style scoped>
.your-custom-svg-icon-class {
  /* 这里添加你的 SVG 样式和路径 */
}
</style>

如果你使用的是字体图标，可以使用 Ant Design 的 Icon 组件：

<template>
  <a-alert :type="customType" :icon-type="'anticon'">
    <a-icon type="your-font-icon-name"></a-icon> 自定义提示信息
  </a-alert>
</template>

<!-- 需要引入相应的字体包 -->
<link rel="stylesheet" href="path/to/ant-design-icons.min.css">

记得替换 `your-custom-svg-icon-class` 和 `your-font-icon-name` 为你实际的图标类名。