关于前端:vue3使用iconfont

35次阅读

共计 290 个字符,预计需要花费 1 分钟才能阅读完成。

1. 首先登陆阿里云矢量图标库,把须要的字体图标退出到本人的我的项目中
2. 将我的项目下载到本地,并解压到我的项目中

3. 在 vue 我的项目下的资源文件夹下新建 iconfont 文件夹,将下载后的文件解压将一下文件拷贝到我的项目的 iconfont 文件夹下,

4. 在 main.ts 中引入 iconfont.css 和 iconfont.js,如果不应用多色图标的话能够不必引入 iconfont.js 文件
import ‘@/assets/icons/iconfonts/iconfont.css’

5. 在代码中应用 (iconfont 是必须增加的类名, 前面的对应才是对应的图标, 类名参考 iconfont 官网)

正文完
 0