微信小程序:更改 顶部状态栏( "window")

摘要 更改顶部导航栏,通常是指更改顶部状态栏的标题内容、标题颜色以及背景颜色,如下图所示:
在这里插入图片描述
上图中小程序的顶部导航栏的标题内容:小程序;标题颜色:黑色;背景颜色:白色

配置

更改顶部导航栏,要用到组件:“window”。
(1)如果小程序有多个页面,想把每个页面的顶部导航栏都设置为一样,则在app.json里面设置 “window” 里面的内容
(2)如果想要不同页面显示不同的顶部导航栏的效果,则需要在每个页面的.json文件里设置"window"

参数

组件:“window”下有多个参数,以下列出常用的几个参数,如需详细了解,可参考小程序开发指南之“window”

navigationBarBackgroundColor:定义导航栏的背景颜色,支持16进制颜色格式,如#000000(白色);

navigationBarTitleText:设置导航栏的标题内容;

navigationBarTextStyle:设置导航栏标题文字颜色,只支持‘black’或‘white’;

代码

这里更改顶部导航栏的标题、标题颜色和背景颜色;这里在app.json里更改“window”的内容

"window": {
    "navigationBarBackgroundColor": "#1296db",
    "navigationBarTitleText": "UVC",
    "navigationBarTextStyle": "white"
    }

效果

在这里插入图片描述
这里更改成:标题:UVC、标题颜色为:白色、背景颜色为:浅蓝色

你可能感兴趣的:(微信小程序)