【干货#002】小程序开发最佳图标库:阿里图标库

时间:2024-03-02 20:30:31

概述

为了提高小程序的颜值,你是不是还在苦苦搜索漂亮的图标或自己撸呢?今天我们介绍一个来自阿里妈妈的神奇图标库网站,从此妈妈再也不用担心小程序图标了。

iconfont+(http://www.iconfont.cn,阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师*调整与调用。


使用

下面以上述小程序底部标签栏图标的选用来介绍iconfont+图标库的使用方法。


1.确定选中和未选中图标的颜色,如选中图标为深灰色(#2c2c2c),未选中图标为浅灰色(#999999)。

2.以首页图标为例,打开iconfont+网站,在搜索框中输入home(支持中英文)。

3.选中要下载的图标,选择下载。

4.在弹出的下载框中,在颜色输入框中输入颜色(#999999),则图标变为该颜色,然后选择PNG下载

5.将下载的图标放到相应的小程序项目文件夹,并在app.json中进行设置。

这就完成标签栏切换图标的设置,是不是很方便呢?这要感谢下阿里妈妈的开发者给我们免费提供这么好的工具


有什么问题,欢迎大家留言讨论交流。


更多实战干货,可查看:

小程序页面滚动实现广告条隐藏

细解小程序自适应单位rpx

小程序实现地址自动解析和导航

小程序"页面滚动"与"滚动视图区域"区别

小程序使用有赞ZanUI


更多常见错误,可查看:

解决 Page[pages/XXX/XXX] not found错误

解决"Failed to load image"错误


关注晓程序干货店,分享小程序开发干货知识