微信小程序头部导航栏背景铺满顶部

微信小程序现已支持单个页面的头部导航栏设置顶部背景。

我们可以利用 navigationStyle 属性,来处理导航栏样式,支持 default/custom,其中 custom 可自定义导航栏,只保留右上角胶囊状的按钮。

在某个页面的 .json 文件里,将 navigationStyle 属性值设置为custom即可

{
    "navigationStyle": "custom"
}

注意:微信小程序中不能用本地图片作为背景图片,需要使用外部URL获取网络图片,或者使用 Base64 编码格式等。

相关文档:navigationStyle