本篇文章给大家带来的内容是关于微信小程序实例：自定义导航栏的实现方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
在微信小程序中，导航栏的颜色、文案一些属性可以在app.json中w搭建商城点我wcqh.cnindow里面设置 , 也可以在单个page里面设置 , 如果是在某一个page的json文件里面配置 , 需要去掉window , 例如在app.json配置:
1
2
3
4
5
6
7
8
{
“window”:{搭建商城点我wcqh.cn
“backgroundTextStyle”:”light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeCh搭建商城点我wcqh.cnat”,
“navigationBarTextStyle”:”black”,
“navigationStyle”: “custom”
} }
在某一个page的json文件配置:
1
2
3
4
5
{
“bac搭建商城点我wcqh.cnkgroundTextStyle”: “light”,
“navigationBarBackgroundColor”: “#405f80”,
“navigationBarTitleText”: “文与字”搭建商城点我wcqh.cn,
“navigationBarTextStyle”: “white”}
详细的可以参考官方文档 : https://developers.weixin.qq.com/miniprogram/d搭建商城点我wcqh.cnev/framework/config.html
但有时候业务需要的导航栏比较特别 , 小程序的提供的导航栏不能满足需求 , 这时只能自定义了 .
先说一下自定义导航栏的步骤:
在app.json里面的wi搭建商城点我wcqh.cnndow增加”navigationStyle”: “custom”,属性(默认属性是”navigationStyle”: “default”) , 这时小程序默认的导航栏就会消失了 , 如图所示:
接着搭建商城点我wcqh.cn就是根据自己的需要在每个page里面添加自己的导航栏 .
注意：navigationStyle 只在 app.json 中生效。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到搭建商城点我wcqh.cn 1.7.0（不代表最低版本，只供调试用）可方便切到旧视觉 .就是说这个属性只能在app.json里面配置 , 如果你想在单个page里面自定义导航栏是不行的 , 必须是所有的page都要自定义导航栏搭建商城点我wcqh.cn , 个人觉得这是比较坑的 , 可能小程序以后会优化吧 .
相关推荐：
小程序中button以及滚动条默认样式如何清除（搭建商城点我wcqh.cn代码）
以上就是微信小程序实例：自定义导航栏的实现方法的详细内容，更多请关注php中文网其它相关文章！
会员专属
暂无评论内容