微信小程序：更改 顶部状态栏（ "window"）

2022年3月15日 164次阅读 来源: Caesar6666

摘要 更改顶部导航栏，通常是指更改顶部状态栏的标题内容、标题颜色以及背景颜色，如下图所示：
《微信小程序：更改 顶部状态栏（
上图中小程序的顶部导航栏的标题内容：小程序；标题颜色：黑色；背景颜色：白色

配置

更改顶部导航栏，要用到组件：“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、标题颜色为：白色、背景颜色为：浅蓝色

    原文作者：Caesar6666
    原文地址: https://blog.csdn.net/Caesar6666/article/details/105577087
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞