本文实例为大家分享了微信小程序自定义头部导航栏的具体代码,供大家参考,具体内容如下效果图支持 导航栏自定义背景颜色、背景图片 支持返回文字自定义 支持导航标题自定义首先在app.json window配置项添加自定义头部导航栏代码wxml部分wxss部分js部分app.js 判断是否 分享因为组件css里不支持伪类元素 所以写在 app.css开发工具显示不正常 主要以真机显示为主 具体可根据自己的需求修改

微信小程序自定义头部导航栏(组件化)

微信小程序自定义头部导航栏(组件化)

微信小程序自定义头部导航栏(组件化)

微信小程序自定义头部导航栏(组件化)