本文摘自PHP中文网，作者尚，侵删。
layui的图标取自于阿里巴巴的矢量图标库 Iconfont
第一步，通过浏览器打开 http://iconfont.cn/ ，访问阿里巴巴矢量图标库。
第二步，通过右上角的用户图标，授权登陆一个账号，在此我选择使用Github作为登陆账号。
第三步，登陆完成后，让我们稍微了解下基本的操作。
Iconfont提供了非常多的图标库，有官方的图标资源，也有一些第三方的素材。选择方式多种多样，更能集成一些彩色图标到项目中，在此我们选择「多彩图标库」里的「多色金融商务小图标」，作为我们案例。
通过面板的操作，我们能轻松收藏/下载各类图标，也能将这些图标像「添加到购物车」一般加入到一个项目。
将浏览的图标都放入购物车，创建一个项目。
第四步，在添加完一个项目后，我们来熟悉一下对项目的管理和操作
设置项目信息，修改图标的FontClass前缀为「layui-extend」
这是，修改保存后的效果图。
相关阅读 >>
更多相关阅读请进入《layui》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
