vue中的 阿里巴巴矢量图标库

阿里巴巴矢量图标库:

1. 打开 http://www.iconfont.cn/

2. 将图标加入购物车

3. 点击下载代码 => github登录(Sign in)=> 解压下载的文件夹 => 将文件夹复制到 assets文件夹中

vue中的 阿里巴巴矢量图标库_第1张图片
icon.png

4. 在用到图标的组件中写: (将demo_fontclass.html在浏览器中打开即可看到具体操作)

 

两个class名
第一个为iconfont.css中的class名 即 .iconfont
第二个为将demo_fontclass.html在浏览器中打开时图标下面的class名

vue中的 阿里巴巴矢量图标库_第2张图片
class.png
vue中的 阿里巴巴矢量图标库_第3张图片
icon_name.png

你可能感兴趣的