微信小程序

一、底部tab

app.json

"tabBar": {
    "color": "#ccc",
    "selectedColor": "#35495e",
    "borderStyle": "white",
    "backgroundColor": "#f9f9f9",
    "list": [
      {
        "text": "首页",
        "pagePath": "pages/index/index",
        "iconPath": "images/index.png",
        "selectedIconPath": "images/index-hover.png"
      },
      {
        "text": "目录",
        "pagePath": "pages/logs/logs",
        "iconPath": "images/add.png",
        "selectedIconPath": "images/add-hover.png"
      }
    ]
  }

1.对于tabBar整体属性设置：

image.png

2.对于tabBar中每个Item属性设置：

image.png