构建底部导航栏

1.main_tabs_config.json底部导航栏的配置文件

1.main_tabs_config.json底部导航栏的配置文件

activeColor为底部按钮选中时的颜色
inActiveColor常规时的颜色
tabs数组为各个按钮
size为按钮的大小
enable按钮是否可用，不可用为不可见
index为显示的顺序
pageUrl为关联到那个页面
title为按钮的文本显示

{
  "activeColor": "#333333",
  "inActiveColor": "#666666",
  "selectTab": 0,
  "tabs": [
    {
      "size": 24,
      "enable": true,
      "index": 0,
      "pageUrl": "main/tabs/home",
      "title": "首页"
    },
    {
      "size": 24,
      "enable": true,
      "index": 1,
      "pageUrl": "main/tabs/sofa",
      "title": "沙发"
    },
    {
      "size": 40,
      "enable": true,
      "index": 2,
      "tintColor": "#ff678f",
      "pageUrl": "main/tabs/publish",
      "title": ""
    },
    {
      "size": 24,
      "enable": true,
      "index": 3,
      "pageUrl": "main/tabs/find",
      "title": "发现"
    },
    {
      "size": 24,
      "enable": true,
      "index": 4,
      "pageUrl": "main/tabs/my",
      "title": "我的"
    }
  ]
}