uni-app学习二

pages.json文件

        这个文件是un-app的核心配置文件，很多的配置都在这个文件里完成。主要记录pages属性、globalStyle属性、tabBar的使用。

1、pages属性

        pages主要用来设置页面路径及窗口表现，是一个对象数组，程序主页面显示的就是这个数组中你配的第一个页面。例如下面我的pages第一个是主页，显示的第一页就是主页。

path属性：配置页面路径

style属性：配置页面窗口表现，

        比较常用的有：

        navigationBarTitleText        导航栏标题文字内容

        navigationBarBackgroundColor        导航栏背景颜色

        navigationBarTextStyle        导航栏标题颜色及状态栏前景颜色，仅支持 black/white

        enablePullDownRefresh        是否开启下拉刷新

        onReachBottomDistance        页面上拉触底事件触发时距页面底部距离，单位只支持px

具体全部配置可以在官网查看。

 

2、globalStyle属性

        globalStyle属性设置默认页面的窗口表现，也就是全局表现，如果你在pages中的style中配置了相同的属性，则会覆盖掉全局的。例如我的缓存页面导航栏标题并未写，默认的就是我在globalStyle写的uni-app。

比较常用的也是：

        navigationBarTitleText        导航栏标题文字内容

        navigationBarBackgroundColor        导航栏背景颜色

        navigationBarTextStyle        导航栏标题颜色及状态栏前景颜色，仅支持 black/white

        enablePullDownRefresh        是否开启下拉刷新

        onReachBottomDistance        页面上拉触底事件触发时距页面底部距离，单位只支持px

具体全部配置可以在官网查看。

 

 3、tabBar

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

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