WeChat MiniProgram] [003 - Ajustar la barra de navegación inferior del conjunto de barra de pestañas y la barra de navegación superior

barra de navegación inferior TabBar

La naturaleza de la barra de pestañas

Varios primera página de enlace de entrada

configuración TabBar

1. Necesaria para preparar el icono de la barra de navegación, y se coloca en el archivo en el directorio raíz de la carpeta iconos nombrados;

2. En app.json el perfil de la región en la adición de "barra de pestañas" atributos
   código de ejemplo:

"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: {} es el objeto encerrado, [] es una matriz de objetos

3. Configuración de texto de la barra de navegación , seleccione el color y no color seleccionado

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

La barra superior de navegación

Top propiedades relacionadas con la navegación

1. Navegación título barra de texto
   "navigationBarTitleText": "Acerca de"

2. Color de la barra de navegación de fondo
   "navigationBarBackgroundColor": "#fff"

3. Navegación título barra de texto de estilo
   "navigationBarTextStyle": "negro"

Configurar la barra de navegación superior

1. la página de perfil .json

2. archivo de configuración global App.json ventana de atributos
   código de ejemplo:

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

NOTA: Si las ciertos atributos de repetición definen en el archivo de configuración de la página, a continuación, los atributos globales que deben cubrirse