一,首先我们要先注册一个账号
二,进入网站主页:资源管理——>我的项目——>点击加号新建项目
三,在搜索框中输入想要的图标名称,例如:购物车,找到喜欢的购物车图标,点击添加入库,然后添加到项目。
四,在我的项目中,选择保存图标的项目,然后下载到本地。
五,解压下载的文件夹
- 首先给解压的文件夹重命名为(为了方便):
font
- 里面有一个
demo_index.html
:这个网页是教我们如何使用这些图标 - 我们使用Font Class的形式
六,把整个font文件夹剪切,粘贴到我们的项目中的src/assets
下
七,在Vue项目中的main.js中引入:import './assets/font/iconfont.css'
八,应用于页面
例如: <span class="iconfont icon-xxx"></span>