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

2019-07-29 12:44:46

最近在做锡慧在线小程序时遇到底部tabBar图标显示过大的问题,记录一下

1.自定义tabBar(这里暂不展开)

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

示例:

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

效果如下⬇️

本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码
微信小程序

评 论:

好文推荐
微信扫码关注
领取学习礼包
加入百人技术交流群
探讨前端、小程序开发及逆向、微信开发...
一起学习,共同成长
微信情报 更多 >
    每天进步一点点~