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

 

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

 

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

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

 

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

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

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

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

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

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

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

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

第二种,常规模式的导航

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

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

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值