pages.json页面路由

        pages.json文件用来进行uniapp的全局页面设置。决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。

globalstyle

         用来设置页面窗体样式与属性

        属性：

                navigationBarTextStyle: 导航栏标题颜色，仅支持 black(黑色)/white(白色)        注意：（支付宝小程序不支持，使用my.setNavigationBar）

                navigationBarBackgroundColor：导航栏背景颜色，使用的是十六进制

                navigationBarTitleText：导航栏标题文字内容，当页面没设置标题时显示

                navigationStyle：导航栏样式，值：default/custom，default 为默认值，为开启导航栏。

custom 为关闭导航栏

                backgroundColor：页面下拉时显示的背景颜色，默认值为：#ffffff 。只在微信小程序有效，注意backgroundColor设置颜色之前要先开启下拉enablePullDownRefresh。

                enablePullDownRefresh：是否允许下拉刷新，值为false/true。

pages

        设置页面路径及窗口样式 

        属性

                path：配置页面路径

                style：用于配置当前页面样式

                needLogin：是否登录之后才能访问，默认值false

tabBar  

        如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。

        在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。

        属性

              

官方文档

  pages.json页面信息       

 更改导航栏颜色：

效果图

更改导航栏标题颜色 

        navigationBarTextStyle只能设置白色(black)、黑色(white)

        效果图

更改导航栏标题

        使用 navigationBarTitleText 设置导航栏标题 。注意：如果页面样式已经使用了navigationBarTitleText那么全局属性无效

效果图 

         允许下拉加载并设置下拉加载时背景颜色

        效果图 

关闭导航栏 

效果图

          tabBar底部菜单    

        1.在pages.json创建tabBar,tabBar与globalStyle同级。

2.tabBar提供了list存放对象最少为1个最多5个

        pagePath：路径

        text：名称

效果图

3. 设置统一颜色

        color：设置颜色

        selectdColor：设置选中后显示颜色

效果图

4.设置底部菜单背景颜色

backgroundColor：底部菜单背景色

效果图

5.设置背景边框颜色

borderStyle：系统只提供两种颜色  black(黑色)/white(白色)

 

效果图

5.设置菜单所在位置

position：bottom底部/top顶

效果图 

6.设置导航图标

效果图