小程序顶部隐藏（变成透明，保留右上角胶囊）

最新推荐文章于 2023-12-01 15:35:33 发布

丶顾祈

最新推荐文章于 2023-12-01 15:35:33 发布

阅读量5k

点赞数

分类专栏：隐藏头部文章标签：小程序

本文链接：https://blog.csdn.net/qq_26843615/article/details/106260096

版权

隐藏头部专栏收录该内容

1 篇文章 0 订阅

订阅专栏

小程序顶部隐藏

微信小程序7.0之前的版本不支持单独设置小程序顶部导航的 navigationStyle:custom，
只能通过 app.json 设置全局的，7.0以后的版本是可以设置单个页面的navigationStyle:custom 属性，代码如下：

{

 "navigationBarBackgroundColor": "#ffffff",

  "navigationBarTextStyle": "black",

  "navigationStyle": "custom",

  "navigationBarTitleText": "产品中心"

}

上面是设置单页面的代码，不需要加window

下面是全局设置的代码，需要加window

"window": {

    "backgroundColor": "#fafafa",

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationStyle":"default",

    "navigationBarTextStyle": "black"

  },