微信小程序中怎么实现自定义导航栏 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下微信小程序中怎么实现自定义导航栏,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

在微信小程序中,导航栏的颜色,文案一些属性可以在应用程序。json中窗口里面设置,也可以在单个页面里面设置,如果是在某一个页面的json文件里面配置,需要去掉窗口,例如在应用。json配置:

{ 　　,,,“window": { 　　,,,,,,“backgroundTextStyle":“light" 　　,,,,,,“navigationBarBackgroundColor":,“# fff" 　　,,,,,,“navigationBarTitleText":,“WeChat" 　　,,,,,,“navigationBarTextStyle":“black" 　　,,,,,,“navigationStyle":,“custom" 　　,,,,},}

在某一个页面的json文件配置:

{ 　　“backgroundTextStyle"才能:,“light" 　　“navigationBarBackgroundColor"才能:,“# 405 f80" 　　“navigationBarTitleText"才能:,“文与字“, 　　“navigationBarTextStyle"才能:,“white"}

详细的可以参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

但有时候业务需要的导航栏比较特别,小程序的提供的导航栏不能满足需求,这时只能自定义了。

先说一下自定义导航栏的步骤:

<李>

在应用。json里面窗口的增加“navigationStyle”:“自定义”,属性(默认属性是“navigationStyle”:“违约”),这时小程序默认的导航栏就会消失了,如图所示:
微信小程序中怎么实现自定义导航栏”> </李> <李> 接着就是根据自己的需要在每个页面里面添加自己的导航栏。 </李> </ul> <强>注意:navigationStyle只在app.json中生效。开启自定义后,低版本客户端需要做好兼容。开发者工具基础库版本切到1.7.0(不代表最低版本,只供调试用)可方便切到旧视觉。</强> <强>就是说这个属性只能在应用程序。json里面配置,如果你想在单个页面里面自定义导航栏是不行的,必须是所有的页面都要自定义导航栏,个人觉得这是比较坑的,可能小程序以后会优化吧。</强> <p class= 看完了这篇文章,相信你对“微信小程序中怎么实现自定义导航栏”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!