首页 > 编程知识 正文

阿里巴巴字体标库使用,阿里标库怎么使用

时间:2023-05-05 03:21:16 阅读:183473 作者:1781

 

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

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

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

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

 

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

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

 

 

 

 

 完成~

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。