uni-app 全局配置和页面配置

2. 全局配置和页面配置

2.1 通过globalStyle 进行全局配置

https://uniapp.dcloud.io/collocation/pages?id=globalstyle

用于设置应用的状态栏，导航条，标题，窗口背景色等

globalStyle 

2.2 创建新页面

右键pages 新建.vue 文件，并通过pages 来配置页面

来源uni-app 官网

页面配置

2.3 配置tabbar

https://uniapp.dcloud.io/collocation/pages?id=tabbar

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

Tips

当设置 position 为 top 时，将不会显示 icon

tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花（hello uni-app使用了此方式）

tabbar 的页面展现过一次后就保留在内存中，再次切换 tabbar 页面，只会触发每个页面的onShow，不会再触发onLoad。

顶部的 tabbar 目前仅微信小程序上支持。需要用到顶部选项卡的话，建议不使用 tabbar 的顶部设置，而是自己做顶部选项卡，可参考 hello uni-app->模板->顶部选项卡。

配置tabbar

2.4 condition 启动模式配置

https://uniapp.dcloud.io/collocation/pages?id=condition

启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。

来源uni-app 官网

配置快速启动模式