鍍金池/ 問(wèn)答/HTML5  HTML/ 微信小程序tabBar顯示問(wèn)題

微信小程序tabBar顯示問(wèn)題

微信小程序中自帶tabbar，我在app.json中配置了4個(gè)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"
    }]
}
但是顯示出來(lái)缺和其他的小程序差很多，圖片一律81X81的

clipboard.png
請(qǐng)問(wèn)是哪里寫錯(cuò)了嗎，或者能否外部調(diào)試導(dǎo)航樣式，想要間距大一點(diǎn)，圖片小一點(diǎn)

回答
編輯回答
若相惜

圖片是81*81 但是圖片的留白是不一樣的，
clipboard.png
參考這張來(lái)調(diào)整圖片大小

2017年3月31日 17:45
編輯回答
久不遇

無(wú)法定制，你可以做的就是把圖片周圍留白，這樣圖片看起來(lái)就小了，和文字也有了距離

2017年9月11日 11:15