在vue2中在线使用字体图标iconfont-阿里巴巴矢量图标库

前两天low了一个在HTML里面用三种方式去使用阿里巴巴的字体图标

三种方式在HTML使用阿里字体图标--iconfont阿里巴巴矢量图标库_长风沛雨的博客-CSDN博客icon-default.png?t=N3I4https://blog.csdn.net/qq_63141957/article/details/130641116?spm=1001.2014.3001.5501这里记录一下在vue中使用阿里巴巴矢量图标-字体图标的一个方法:在线链接


先回到项目里面,然后复制在线链接

在vue2中在线使用字体图标iconfont-阿里巴巴矢量图标库_第1张图片

在vue2中在线使用字体图标iconfont-阿里巴巴矢量图标库_第2张图片 

1、引入在线链接

在需要使用的组件上引入这个在线链接,同时也是要注意一下在这个链接前面拼接上【http:】

是在style这个样式里面引入,用的是 @import ' '

2、类名使用:iconfont + icon-xxx

回到HTML结构,直接声明类名就可以了

在vue2中在线使用字体图标iconfont-阿里巴巴矢量图标库_第3张图片

 

你可能感兴趣的:(前端,vue.js,javascript)