小程序tabBar图标显示过大处理

最近在做在线小程序时遇到底部tabBar图标显示过大的问题,记录一下 1.自定义tabBar(这里暂不展开)

2.图标设计规范(内部留白) png格式的图片,在切图时不要紧贴图像切,做一些留白(UI做设计稿时需要注意)

示例:

打开sketch文件,选中图标后选择缩放,调整缩放比例为80%,然后导出图片即可

效果如下⬇️