当前位置: 首页 > Web前端 > HTML

Vue3使用iconfont

时间:2023-03-28 19:25:01 HTML

1。首先登录阿里云矢量图标库,将需要的字体图标添加到自己的项目中。2.下载工程到本地,解压到工程中。新建一个iconfont文件夹,将下载的文件解压,将以下文件复制到项目的iconfont文件夹中。4.在main.ts中引入iconfont.css和iconfont.js。如果不使用多色图标,则不需要导入iconfont.jsfileimport'@/assets/icons/iconfonts/iconfont.css'5.在代码中使用(iconfont是类名必须加上,下面的对应就是对应的图标,类名参考iconfont官网)