使用外部图标

目前框架本身提供三种方式来满足业务中对图标(Icon)的需求：

1、通过Ant-Design-Vue官网查找符合自己的图标

• 网址：Ant-Design-Vue

2、通过Icones官网查找符合自己的图标

• 说明：这个网址有118个图标集
• 网址：Icones
• 流程：
  • 查找自己需要的图标
  • 拷贝图标组件内容，Components/Vue(TS)
  • 在/src/assets/icons目录下创建组件所在图表集文件夹，并在文件夹内创建以组件名命名的.vue文件并将拷贝的组件内容保存到文件内
  • 在页面中引用,例如：<Emojione1stPlaceMedal></Emojione1stPlaceMedal>

3、通过Iconfont官网查找符合自己的图标

• 网址：Iconfont
• 流程：
  • 在Iconfont官网注册账号
  • 创建项目并添加图标到项目中
  • 拷贝生成的在线链接(Symbol引用方式)配置到main.ts文件下的scriptUrl属性值中
  • 在页面中引用，例如：<icon-font type="icon-sign_pwd"></icon-font>