uniapp修改顶部导航背景色

最新推荐文章于 2026-04-04 10:17:01 发布

原创最新推荐文章于 2026-04-04 10:17:01 发布 · 1.2w 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

uniapp

当前文章被收录于：

uniapp

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在uniapp中修改页面顶部背景色，通过在pages.json文件配置navigationBarBackgroundColor属性，可以设置为特定颜色，如#02ac64，并使用navigationBarTextStyle设定状态栏文字颜色。

*uniapp 修改顶部背景色**

上图：

在这里插入图片描述

代码：

在pages.json文件里：

"pages": [
	{
          "path" : "pages/login/login",
			"style": {
				"navigationBarTitleText": "",
				// "app-plus":{
				// 	"titleNView":false    //去掉当前页的顶部导航栏
				// },
				"navigationBarBackgroundColor":"#02ac64",
				"navigationBarTextStyle":"white"  //状态栏字体颜色
			}
          
      }
]