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