本文实例为大家分享了微信小程序自定义头部导航栏的具体代码,供大家参考,具体内容如下
效果图
支持 导航栏自定义背景颜色、背景图片 支持返回文字自定义 支持导航标题自定义
首先在app.json window配置项添加
window: {
navigationStyle: custom
}
自定义头部导航栏代码
wxml部分
<view class=cu-custom xss=removed>
<view class=cu-bar {{bgImage!=''?'none-bg text-white bg-img':''}}