自学内容网 自学内容网

微信小程序:修改顶部状态栏标题颜色背景色

摘要 更改顶部导航栏,通常是指更改顶部状态栏的标题内容、标题颜色以及背景颜色,如下图所示:

配置

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

参数

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

navigationBarBackgroundColor:定义导航栏的背景颜色,支持16进制颜色格式,如#10AF2F

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

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

代码

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

  "window": {
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#10AF2F",
    "navigationBarTitleText": "随机转盘决定",
    "enablePullDownRefresh": false
  },

效果

点击打开示例

生活中总是充满了各种选择,点餐纠结,出行选择,聚餐座位,团队投票结果不明,随机抽签一锤定音等等!为了解决这个问题,我开发了一款【随机选择决定转盘工具】微信小程序,随机做出决策!无论是随机抽选还是投硬币,都能轻松搞定。现在通过微信小程序二维码就能体验!快来试试吧,让选择变得更简单!


原文地址:https://blog.csdn.net/neterrrr/article/details/145291783

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!