微信小程序tabBar显示问题

微信小程序中自带tabbar,我在app.json中配置了4个tabBar
类似如下
"tabBar": {

    "color": "#9FB9BA",
    "selectedColor": "#00AAA8",
    "backgroundColor": "#1F2346",
    "borderStyle": "white",
    "position": "bottom",
    "list": [{
        "pagePath": "pages/exhibition/exhibition",
        "text": "1",
        "iconPath": "images/exhibition-white.png",
        "selectedIconPath": "images/exhibition-active.png"
    }, {
        "pagePath": "pages/museum/museum",
        "text": "2",
        "iconPath": "images/museum-white.png",
        "selectedIconPath": "images/museum-active.png"
    }, {
        "pagePath": "pages/spreadtrum/spreadtrum",
        "text": "3",
        "iconPath": "images/spreadtrum-white.png",
        "selectedIconPath": "images/spreadtrum-active.png"
    }, {
        "pagePath": "pages/mine/mine",
        "text": "4",
        "iconPath": "images/mine-white.png",
        "selectedIconPath": "images/mine-active.png"
    }]
}
但是显示出来缺和其他的小程序差很多,图片一律81X81的

clipboard.png
请问是哪里写错了吗,或者能否外部调试导航样式,想要间距大一点,图片小一点

阅读 3.8k
2 个回答

图片是81*81 但是图片的留白是不一样的,
clipboard.png
参考这张来调整图片大小

无法定制,你可以做的就是把图片周围留白,这样图片看起来就小了,和文字也有了距离

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题