Vue+阿里矢量图
一、注册账号(没有注册的)
可以通过微博登录或者GitHub账号登录
二、搜索想要的图标
有时候搜到的图标很少,要重新点一遍全部(红色按钮)就可以了,
点击添加购物车
三、添加项目
点击购物车查看添加图标,点击添加项目,如果没有,这个按钮右边会出现添加新项目,点就行了
四、Vue中
解压后的文件
复制到VUE项目中的assets/icon文件夹(icon是自己创建的)
main.js(要放在UI框架后面)
打开浏览器中
Vue组件中使用
iconfont 必须要带,后面的一个类名就是上图中每个图标的名字,不要复制名字前的 .
<i class="iconfont icon-ico_data"></i>
就可以了