vue3- antd design vue 引入iconfont
文章目录
- 前言
- 一、新建iconfont项目
前言
vue3项目中，如何引入第三方的iconfont的图标
一、新建iconfont项目
搜索需要的图标，加入购物车，购物车中图片加入项目
下载项目文件，打开压缩包后，将iconfont.js 文件拷贝到项目的src/assets/iconfont目录下。目录不存在需要手动创建。
import { createFromIconfontCN } from '@ant-design/icons-vue'
const IconFont = createFromIconfontCN({
scriptUrl: import('@/assets/iconfont/iconfont.js')
})
# 实用图标
<icon-font style="font-size: 18px" type="icon-home" />