自学内容网 自学内容网

vue3- antd design vue 引入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" />

原文地址:https://blog.csdn.net/cui_win/article/details/142735463

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!