Bootstrap

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

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