WeChat miniprograma] [003 - definir a barra de navegação inferior do conjunto Tabbar ea barra de navegação superior

Fundo de navegação bar Tabbar

A natureza da barra de páginas

Vários página um link de entrada

configuração Tabbar

1. Necessário para preparar o ícone da barra de navegação, e colocado em arquivo no diretório raiz pasta de ícones chamados;

2. Em app.json perfil da região em adicionar "Tabbar" atributos
   código de exemplo:

"tabBar":{
    "list":[
      {
        "text": "每周推荐",
        "pagePath": "pages/weekly/weekly",
        "iconPath": "images/icons/ExploreG.png",
        "selectedIconPath": "images/icons/Explore.png"
      },
      {
        "text": "关于",
        "pagePath": "pages/about/about",
        "iconPath": "images/icons/UserG.png",
        "selectedIconPath": "images/icons/User.png"
      }
    ]

Nota: {} é o objecto fechado, [] representa uma matriz de objectos

3. Configurando texto da barra de navegação , selecione a cor e não cor selecionada

"tabBar":{
    "color": "#dbdbdb",
    "selectedColor": "#2c2c2c"
    }

barra de navegação superior

propriedades de navegação relacionados Top

1. Navigation texto do título bar
   "navigationBarTitleText": "Sobre"

2. Navigation cor de fundo bar
   "navigationBarBackgroundColor": "#fff"

3. Navigation título bar estilo de texto
   "navigationBarTextStyle": "negro"

Configurar a barra de navegação superior

1. página de perfil .json

2. arquivo de configuração global App.json janela atributo
   código de exemplo:

"window" : {
    "navigationBarTextStyle" : "black",
    "navigationBarBackgroundColor" : "#fff",
    "navigationBarTitleText": "电影周周看"
}

NOTA: Se a repetição de certos atributos definidos no arquivo de configuração da página, em seguida, os atributos globais a serem cobertos