微信小程序自定义头部导航-丁香好物馆头部导航-删除或隐藏头部导航-全屏

      大家好，自从小程序的头部导航右上角的胶囊改成这种之后，大家伙找回首页按钮就费劲了，尤其是刚接触小程序的用户，进入入口页之后，懵逼了，怎么进行下一步，不知道，既然在人家微信平台做项目，人家是改变不了了，只能自己想办法。

下面参考丁香好物馆的头部导航（本人比较喜欢的风格，简单不奢华）：

工具：微信小程序提供隐藏头部导航的功能，只剩下右上角漂浮的小胶囊。

思路：1.隐藏头部导航，2.给个高度撑起头部导航。3。加上title 4.自定义左边的小胶囊 5 给胶囊功能

1.app.json 配置中可以设置页面是否启用导航栏

navigationStyle

String

default

导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮

微信版本 6.6.0

注：navigationStyle 只在 app.json 中生效。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用） 可方便切到旧视觉

代码：

"window": {
    "backgroundTextStyle": "light",
    "navigationStyle": "custom"
  }

2.-4 步骤省略

5.返回功能：

wx.navigateBack({
  delta: 1
})

回首页功能：

wx.reLaunch({
  url: 'index'
})