创建页面时，会自动在pages.json中创建对应页面基础信息

配置

  1. {
  2.     "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
  3.         //tabbar页面配置
  4.     {
  5.             "path": "pages/index/index",
  6.             "style": {
  7.                 "navigationBarTitleText": "uni-app"
  8.             }
  9.         }
  10.         ,{
  11.             "path" : "pages/news/news",
  12.             "style" :                                                                                    
  13.             {
  14.                 "navigationBarTitleText": "",
  15.                 "enablePullDownRefresh": false
  16.             }
  18.         }
  19.         ,{
  20.             "path" : "pages/msg/msg",
  21.             "style" :                                                                                    
  22.             {
  23.                 "navigationBarTitleText": "",
  24.                 "enablePullDownRefresh": false
  25.             }
  27.         }
  28.         ,{
  29.             "path" : "pages/my/my",
  30.             "style" :                                                                                    
  31.             {
  32.                 "navigationBarTitleText": "",
  33.                 "enablePullDownRefresh": false
  34.             }
  36.         }
  37.     ],
  38.     //tabBar配置
  39.     "tabBar": {
  40.         // 文字颜色
  41.         "color":"#323232",
  42.         // 选中状态的颜色
  43.         "selectedColor":"#ED6384",
  44.         // 设置背景色
  45.         "backgroundColor":"#FFFFFF",
  46.         // 设置上边线的颜色,自由black和white
  47.         "borderStyle":"black",
  48.         // 对应页面配置
  49.         // 有多少个页面就配置多少个
  50.         "list": [{
  51.             "pagePath":"pages/index/index",
  52.             "text":"首页",
  53.             "iconPath":"static/tabbar/index.png",
  54.             // 最后一定不要有','，否则会报错的
  55.             "selectedIconPath":"static/tabbar/indexed.png"
  56.         },{
  57.             "pagePath":"pages/news/news",
  58.             "text":"动态",
  59.             "iconPath":"static/tabbar/news.png",
  60.             // 最后一定不要有','，否则会报错的
  61.             "selectedIconPath":"static/tabbar/newsed.png"
  62.         }{
  63.             "pagePath":"pages/msg/msg",
  64.             "text":"消息",
  65.             "iconPath":"static/tabbar/paper.png",
  66.             // 最后一定不要有','，否则会报错的
  67.             "selectedIconPath":"static/tabbar/papered.png"
  68.         }{
  69.             "pagePath":"pages/my/my",
  70.             "text":"我的",
  71.             "iconPath":"static/tabbar/home.png",
  72.             // 最后一定不要有','，否则会报错的
  73.             "selectedIconPath":"static/tabbar/homeed.png"
  74.         }]
  75.     }
  76. }

tabbar边线
image.png