VUE如何引入iconfont图标来使用

对做前端界面的开发者来说,做各类界面的时候需要用到图标,这里说下如何在VUE中引用iconfont图标来使用,以引入阿里的iconfont图标为例。

一、首先访问https://www.iconfont.cn/去找到自己需要的图标

二、加入购物车

 三、在购物车中下载图标资源

 四、将下载好的图标资源放在自己的项目中去,一般是放在SRC目录下的assets下面

 五、在main.js中全局引入对应的CSS,(在这儿引入的话后面你的每个页面想用对应的图标直接引用,不用每次都引路径)

六、后面就可以直接使用了。 

七、 使用效果如下

 如果想修改图吧的大小直接改对应的CSS样式就行了,如下

 VUE引入iconfont图标来使用的基本步骤就这些了,在此感谢指导我学习成长的巨人——五虎战画戟

Guess you like

Origin blog.csdn.net/weixin_44684272/article/details/118705595