阿里巴巴矢量图标库iconfont的素材使用

                                                              **阿里巴巴矢量图标库iconfont的素材使用**
                                                                                                                            写于2020年8月5日  苏州宜家餐厅 
    昨天首次写的vue脚手架搭建方法,浏览量超过了我的想象,我的分享对于新手来说,应该是很有帮助的,因为我就是个vue框架学习的新人,所以我遇到的问题,或许就是刚接触的同行新人遇到的问题。
    今天分享的是阿里巴巴的矢量图标库iconfont的图标素材使用。
    一、登陆阿里巴巴矢量图标库的官网: https://www.iconfont.cn/
    二、点击一个图标模块,选中项目中需要用到的图标点击加入购物车按钮
    三、选择完成之后,点击右侧cart购物车图标,进入下载代码,将会自动打包下载到你的电脑本地,这个时候可能会让你登录github账号。
    四、项目引用:
           解压压缩包,把文件夹放到项目中,在脚手架全局位置引用文件夹的iconfont.css文件即可使用
    五、vue文件使用图标
           <i class="iconfont iconfaxian2"></i>  iconfaxian2为你需要的图标的类名。
    因为暂时不清楚导入图标的操作,导入过来会影响整体文章结构,暂时不添加图片,不对之处,敬请反馈!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值