素材巴巴 > 程序开发 >

vue使用iconfont

程序开发 2023-09-08 09:30:34

iconfont是一种字体,和svg作为icon是完全不一样的,只作为图标用起来很方便。
去阿里巴巴选字体
选好之后下载到本地,解压,把对应的字体和css文件放到assets目录下。
在这里插入图片描述
iconfont.css里面自定义每个icon的class名,在iconfont类设置初始化格式。
在这里插入图片描述App组件全局引入

@import "../src/assets/iconfont/iconfont.css";
 

然后就可以直接在组件里用class调用了,不要忘记加初始化类名。

  

分类

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。