第四趴uni-app页面导航栏配置（掌握页面导航栏背景颜色文字等效果配置）

Posted 2023-04-07 几何心凉

文章目录

• 写在前面
• pages.json 对页面配置？
• 导航条配置
• 写在最后

写在前面

聚沙成塔——每天进步一点点，大家好我是几何心凉，不难发现越来越多的前端招聘JD中都加入了uni-app 这一项，它也已经成为前端开发者不可或缺的一项技能了，所以凉哥为大家推出 聚沙成塔【45天玩转uni-app】专栏，帮助大家对 uni-app 进行学习和理解，uni-app可以通过一套代码多端发行，相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花，妥妥加分项；快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧！

上篇文章 【第三趴】uni-app页面搭建与路由配置（了解工程目录结构、学会搭建页面、配置路由并成功运行） 中为大家介绍了 uni-app 整体的项目结构，以及各文件的作用，并且带领大家搭建了首个页面，进行了路由配置成功运行，今天呢，这篇文章将带领大家了解我们的页面配置，让我们的页面更加生动，更加正式。

pages.json 对页面配置？

相信看过第三趴文章的伙伴，大家对 pages.json 文件并不陌生，他就是我们第三趴文章中用于我们页面的路由配置的文件&#

uni-app之pages.json文件（包括自定义导航栏的颜色）

参考技术A

参考链接地址： https://uniapp.dcloud.io/collocation/pages

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

以下是一个包含了所有配置选项的 pages.json ：

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

注意

实例
使用uniapp自定义导航栏时，自己的导航栏字体颜色为白色，但是系统上方的通知栏部分还是黑色，文档中表明