uniapp修改顶部导航背景色

最新推荐文章于 2024-12-26 15:17:18 发布

小红的传人

最新推荐文章于 2024-12-26 15:17:18 发布

阅读量1.2w

点赞数 5

分类专栏： uniapp 文章标签： web uni-app android ios

本文链接：https://blog.csdn.net/isjier/article/details/115345374

版权

uniapp 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*uniapp 修改顶部背景色**

上图：

在这里插入图片描述

代码：

在pages.json文件里：

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