Pequeñas notas micro-canal de desarrollo de programas (tres) - el fondo de la barra de navegación en los ajustes de la barra de título superior

Biblioteca de Infraestructura 2.5.0 comenzó a apoyar TabBar a medida ...

 

1. Preparar tres páginas, la página de inicio (home), noticias (INFO), I (la mía)

Seleccionar páginas del archivo de carpetas derecha -> Nueva carpeta -> Nueva carpeta Inicio -> a continuación, seleccione la carpeta de archivos de inicio de la derecha -> nueva página, y carpetas para mantener el mismo nombre, construido en la misma forma en que el mensaje (información), yo (mina).

app.json en registrará automáticamente nos ayude

" Páginas " : [
     " páginas / index / índice " ,
     " Páginas / logs / logs " ,
     " páginas / home / home " ,
     " páginas / info / info " ,
     " páginas / minas / mía " 
  ],

Queremos demostrar que podemos poner a la primera página

" Páginas " : [
     " páginas / home / home " ,
     " páginas / info / info " ,
     " páginas / minas / mía " ,
     " páginas / index / índice " ,
     " Páginas / logs / logs "    
  ],

 

2. Preparar seis imágenes, la imagen de los tres seleccionados, la imagen de tres no está seleccionada, para crear una carpeta de imágenes, páginas y carpetas en el mismo nivel,

Añadir un código app.json segmento de los cuales:

" TabBar " : {
     " de color " : " # A1ABB2 " ,
     " selectedColor " : " # 1DB1CF " ,
     " borderStyle " : " negro " ,
     " lista " : [ 
      { 
        " selectedIconPath " : " images / homeon.png " ,
         " IconPath " : " images / homeoff.png " "pagePath " : " páginas / home / home " " texto " : " 主页" 
      }, 
      { " selectedIconPath " : " images / infoon.png " " IconPath " : " images / infooff.png " " pagePath " : " páginas / info / info " " texto " : "Información " 
      },
        
      { 
        "selectedIconPath " : " images / mineon.png " " IconPath " : " images / mineoff.png " " pagePath " : " páginas / minas / mía " " texto " : " 我的" 
      } 
    ] 
  }

explicar

" Color " : " # A1ABB2 " , // barra de navegación de color de fuente 
 " selectedColor " : " # 1DB1CF " , // cuando la barra de navegación para seleccionar el color de la fuente
 " borderStyle " : " Negro " , // color del borde de la barra de navegación, campo debe ser un negro o blanco　

" selectedIconPath " : " ImagesRF libres / homeon.png " , // mostrar la barra de navegación cuando se selecciona la imagen
 " IconPath " : " ImagesRF libres / homeoff.png " , // Galería de fotos de la barra de navegación no se ha seleccionado
 ". pagePath ": "Páginas y el / Inicio / Inicio "// barra de navegación correspondiente dirección de la página 
 " texto " : " Inicio "　　 de texto // barra de navegación correspondientes

Biblioteca de Infraestructura 2.5.0 comenzado a apoyar compatibles bajo la versión que hacer que tratar. Si piensa que la fea oficial, o las causas de la demanda, por supuesto, se puede personalizar, como el uso de: golpe, SWP-elemento lograr ...

Recomendado para ver un artículo internauta: https://www.cnblogs.com/ljybill/articles/10419706.html

El portal oficial

 

3. Las áreas públicas superior título

Añadir un código app.json segmento de los cuales:

" Ventana " : { 
     " navigationBarBackgroundColor " : " #fff " ,
     " navigationBarTitleText " : " 微信小程序" ,
     " navigationBarTextStyle " : " negro " ,
     " enablePullDownRefresh " : verdad ,
     " backgroundTextStyle " : " luz " ,
     "backgroundColor " : " #eee" 
  },

explicar

" NavigationBarBackgroundColor " : " #fff " , // el color de fondo del área del banner superior
 " navigationBarTitleText " : " applets micro-canal " , // la parte superior texto del título mundial
 " navigationBarTextStyle " : " Negro " , // arriba jefe del color de texto
 " enablePullDownRefresh " : verdadera , // si desea abrir el refresco-desplegable, el campo debe ser un verdadero o falso
 " backgroundTextStyle " : " Luz " , // actualización desplegable tres poco de color, campo oscuro o claro
 "backgroundColor " : "#eee "　　 // desplegable refrescar el área de visualización del color de fondo

El portal oficial

Proporcionar una sola página, en una sola página de carpetas de archivos JSON en virtud de la configuración de las carpetas, como home.json:

{
   " NavigationBarBackgroundColor " : " #fff " ,
   " navigationBarTitleText " : " 主页" ,
   " navigationBarTextStyle " : " negro " ,
   " enablePullDownRefresh " : verdad ,
   " backgroundTextStyle " : " oscuro " ,
   " backgroundColor " : " #eee "
}

Luego recomendar un internauta sobre el Raja subir más: https://www.jianshu.com/p/cc3a516224ee

 

Simplemente grabarlo. . . Deficiencias, que dan la bienvenida. Gracias!