自定义小程序导航栏
项目中,有时候系统的导航栏不能满足项目需求,此时就需要自定义导航栏小程序项目目录app.json中window节点添加"navigationStyle": "custom",完整结构为:
文章图片
此时显示效果为:
文章图片
这时候我们就需要自定义导航栏。
定义两个view,用来占位,view1高度设置为通知栏的高度,view2就是我们要自定义的导航栏
view1:
css:
.notifycation-bar{
background: #fff;
width: 100%;
}
view2:
startbarheight和navgationheight定义在app.js文件中,相关代码:
文章图片
文章图片
【自定义小程序导航栏】完成代码:https://github.com/longtengyiyu/customMiniProgramNavigation/tree/develop/customTitleBar
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()