小程序tabBar图标显示过大处理
- 2019 年 11 月 6 日
- 筆記
最近在做在线小程序时遇到底部tabBar图标显示过大的问题,记录一下 1.自定义tabBar(这里暂不展开)
2.图标设计规范(内部留白) png格式的图片,在切图时不要紧贴图像切,做一些留白(UI做设计稿时需要注意)
示例:

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

效果如下

最近在做在线小程序时遇到底部tabBar图标显示过大的问题,记录一下 1.自定义tabBar(这里暂不展开)
2.图标设计规范(内部留白) png格式的图片,在切图时不要紧贴图像切,做一些留白(UI做设计稿时需要注意)
示例:
打开sketch文件,选中图标后选择缩放,调整缩放比例为80%,然后导出图片即可
效果如下