uni-apppages.json配置和tabBar使用

pages.json 配置页⾯

{

\"pages\": [ //pages数组中第⼀项表⽰应⽤启动页，可以随时换成⾃⼰想要的默认的启动页 {

\"path\": \"pages/index/index\ \"style\": {

\"navigationBarTitleText\": \"uni-app\" } },

{//每建⽴⼀个.vue页⾯都要在pages中建⽴⼀套 \"path\": \"pages/about/about\ \"style\": {

\"navigationBarTitleText\": \"uni about\" } } ],

\"globalStyle\": {//全局的样式

\"navigationBarTextStyle\": \"black\//导航栏标题颜⾊

\"navigationBarTitleText\": \"uni-app\//导航栏标题⽂字内容

\"navigationBarBackgroundColor\": \"#F8F8F8\//导航栏背景颜⾊ \"backgroundColor\": \"#F8F8F8\//窗⼝的背景⾊ 微信⼩程序

\"navigationStyle\":\"default\//导航栏样式，仅⽀持 default/custom,开启custom后，所有窗⼝均⽆导航栏。 }}

tabBar

color：tab上的⽂字默认颜⾊

selectabColor : 是tab上的⽂字选中时的颜⾊backgroundColor: tab的背景⾊

borderStyle : tabbar上边狂的颜⾊，仅⽀持black/white

list: array是tab的列表，详见list属性说明，最少2个，最多5个tabposiston: 可选值bottom、top

{

\"pages\": [ //pages数组中第⼀项表⽰应⽤启动页，可以随时换成⾃⼰想要的默认的启动页 {

\"path\": \"pages/index/index\ \"style\": {

\"navigationBarTitleText\": \"主页\" } },

{//每建⽴⼀个.vue页⾯都要在pages中建⽴⼀套 \"path\": \"pages/about/about\ \"style\": {

\"navigationBarTitleText\": \"关于\" } } ],

\"globalStyle\": {//全局的样式

\"navigationBarTextStyle\": \"black\//导航栏标题颜⾊

\"navigationBarTitleText\": \"uni-app\//导航栏标题⽂字内容

\"navigationBarBackgroundColor\": \"#F8F8F8\//导航栏背景颜⾊ \"backgroundColor\": \"#F8F8F8\//窗⼝的背景⾊ 微信⼩程序

\"navigationStyle\":\"default\"//导航栏样式，仅⽀持 default/custom,开启custom后，所有窗⼝均⽆导航栏。 },

\"tabBar\": {

\"color\":\"#8a8a8a\

\"selectedColor\":\"#00aa00\ \"borderStyle\":\"black\

\"backgroundColor\":\"#ffffff\ \"list\": [ {

\"pagePath\":\"pages/index/index\ \"text\":\"⾸页\

\"iconPath\":\"static/image/home.png\

\"selectedIconPath\":\"static/image/home_HL.png\" }, {

\"pagePath\":\"pages/about/about\ \"text\":\"我的\

\"iconPath\":\"static/image/about.png\

\"selectedIconPath\":\"static/image/about_HL.png\" } ] }}