要自定义一套属于自己熟悉的组件库，图标库肯定是必不可少的……
在实际开发过程中，前端与设计最好协作的是使用iconfont阿里巴巴矢量图标库来管理图标。
一是图标库里有很多可以直接拿来使用的图标，二是提供很方便的图标管理功能。大大提高了前端和设计师的协作效率。
image
step 1:
找到iconfont网站的新建按钮图标，点击创建一个图标库。
image
step 2:
从图标库中选出自己喜欢的图标，添加至购物车。点击添加到项目按钮，添加至创建的图标库。
image
step 3:
在创建的图标库页面上，点击下载至本地，得到一个download,zip压缩包，解压至当前文件夹，得到目录如下。
image
step 4:
将文件夹中的iconfont.css打开，复制其中的代码于小程序中的icon.wxss中.
image
step 5:
在相应的wxml页面中嵌入如下代码，即可使用字体图标
<text class=" iconfont iconDollar "></text>
最后附上项目地址：MUI
image
欢迎大家留言评论，本文将长期更新维护…
网友评论