微信小程序开发总结《一》--自定义导航栏，组件样式，通过变量按需引入的三种样式。

 

不改为自定义导航的页面title 是在每个程序页面里的json文件里配置。

 

微信小程序 自定义导航栏，首先在 app.json文件里window的属性里添加

自定义导航的配置项：“navigationStyle”:“custom”；一旦改为自定义导航，程序内所有页面的导航都需要自己从新定义。

 

但通过组件之后在需要动态传页面名称给组件。以下是引入组件的流程：

第一步，需要引入组件页面的json 文件里，添加usingComponents 的属性；

“nav-bar”:""../../compents/navbar/nation’  组件名称：组件路径。

第二步：在 wxml使用组件 一下我通过组件传入了四个值；这个根据每个项目需求来定义的。每个项目都有差异。

navbar-data:是页面名称 selectName:是我要的导航样式。getpds /getName:组件绑定的两个方法

  在父组件里切换子组件的内容，需要给组件绑定id，在父组件触发方法时触发组件里的方法。

在page.data里定义的变量。selectName：直接指定三种方式。

 第一种，带选择器功能的导航

第二种，常规模式的导航

第三种，带返回按钮的导航

在导航组件里，通过变量值判断显示那些组件内容。