概述
为了提高小程序的颜值,你是不是还在苦苦搜索漂亮的图标或自己撸呢?今天我们介绍一个来自阿里妈妈的神奇图标库网站,从此妈妈再也不用担心小程序图标了。
iconfont+(http://www.iconfont.cn,阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师*调整与调用。
使用
下面以上述小程序底部标签栏图标的选用来介绍iconfont+图标库的使用方法。
1.确定选中和未选中图标的颜色,如选中图标为深灰色(#2c2c2c),未选中图标为浅灰色(#999999)。
2.以首页图标为例,打开iconfont+网站,在搜索框中输入home(支持中英文)。
3.选中要下载的图标,选择下载。
4.在弹出的下载框中,在颜色输入框中输入颜色(#999999),则图标变为该颜色,然后选择PNG下载。
5.将下载的图标放到相应的小程序项目文件夹,并在app.json中进行设置。
这就完成标签栏切换图标的设置,是不是很方便呢?这要感谢下阿里妈妈的开发者给我们免费提供这么好的工具。
有什么问题,欢迎大家留言讨论交流。
更多实战干货,可查看:
更多常见错误,可查看:
解决
Page[pages/XXX/XXX] not found错误
关注晓程序干货店,分享小程序开发干货知识