ant-design-vue图标icon

ant-design-vue 提供了两种方式使用图标icon：

1. 使用 antd-icon 组件

<template>
  <div>
    <a-icon type="smile" />
    <a-icon type="loading" />
    <a-icon type="smile" theme="twoTone" />
    <a-icon type="heart" theme="twoTone" twoToneColor="#eb2f96" />
  </div>
</template>

2. 使用 IconFont

首先，需要在 `index.html` 中引入 IconFont：

<link rel="stylesheet" href="//at.alicdn.com/t/font_xxxxxxxx.css">

然后，在组件中使用 IconFont：

<template>
  <div>
    <i class="iconfont icon-smile"></i>
    <i class="iconfont icon-loading"></i>
    <i class="iconfont icon-smile" :style="{ color: '#1890ff' }"></i>
    <i class="iconfont icon-heart" :style="{ color: '#eb2f96' }"></i>
  </div>
</template>