阿里字体图标库在项目中引用

在vue项目中需要大量使用字体图标,由于使用单个icon引入的方式太过麻烦,所以使用阿里图标库官方提供的项目方法引入进自己的项目中

1、登录,并将需要的字体图标加入购物车,点击‘添加至项目’选项

2、选择自己的项目,项目名字是随便写的,最好是跟自己开发的项目名称一致,便于区分

3、引入;将下图生成的地址在vue中的index.html中引入,一定要在html中引入,否则会出现问题,这样引入就等同于全局引入,所有组件都可以直接使用,并且路径前面要加http:

4、这时候就能直接使用了

5、如果此时添加了新的图标,需要重新生成路径,将更新后的路径重新放在index.html中即可

 

 

 完成~

猜你喜欢

转载自www.cnblogs.com/susu-yee/p/10507883.html