您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页vue中的 阿里巴巴矢量图标库

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

来源:二三四教育网

阿里巴巴矢量图标库:

1. 打开

2. 将图标加入购物车

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

icon.png

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

<i class='iconfont icon-gouwuche'></i> 

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

class.png icon_name.png
<style>
@import '../assets/icon/iconfont.css';    // 引用 iconfont.css
</style>

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务