【微信小程序】自定义顶部导航栏

一、设置自定义顶部导航

Navigation是小程序袭宽的顶部导航拍核亮组件，当页面配置 navigationStyle 设置为 custom 的时候可以使用此组件替代原生导航栏。

1.全局顶部导航自定义，在app.json的“window”里添加"navigationStyle": "custom"

2.只在某一个页面自定义顶部导航，在该页面的json文件里添加"navigationStyle": "custom"

二、氏哪具体的导航块根据需要自行书写

小程序首页变灰升余代码怎么弄

1、将小程序升级到新版本

2、点击参数设置可以看到 “顶部导航渐变色左侧颜纤嫌色”、“顶部导航渐变色右侧颜色”、“顶部导航文本颜色” 三个选项

3、点击 “顶部导航渐变色左侧颜色” 选择想要的颜色代码或者输入想设置的渐变色左侧代码号，点击确认

4、“顶部导航文本颜色” 我们默认为白色

5、点击提交按钮，然后预览小程序

6、如果想设置单一颜色，将“顶部导航渐变色左侧颜色”、“顶部导航渐变色右毁笑手侧颜色”设置为相同的即可

width:胶囊虚尺的宽度；

height：胶囊的高度

top:胶囊距离顶部的距旅雀离

整体高度：

状差镇高态栏高度+胶囊高度+(胶囊距离-胶囊高度）*2

在json文件中定义custom，自定义导航栏样式.

拿到相应的导航栏信息

自定义导航栏的样式，设置fixed布局

---