iconfont在vue中的使用

一、打开iconfont官网,搜索心仪的图标,加入购物车

iconfont在vue中的使用_第1张图片

二、添加至项目,可以选择新建,也可以选择已有项目

iconfont在vue中的使用_第2张图片

三、点击下方点击更新代码

iconfont在vue中的使用_第3张图片

四、在浏览器中打开此链接

iconfont在vue中的使用_第4张图片
iconfont在vue中的使用_第5张图片

五、在项目中新建文件如下,并把在浏览器中打开链接内容复制到icon.css中

iconfont在vue中的使用_第6张图片

六、在项目中导入改css,并应用

iconfont在vue中的使用_第7张图片
在这里插入图片描述

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