微信小程序/uni——自定义导航栏

uni-app自定义导航栏在pages.json文件里面的配置

默认效果：

取消小程序顶部栏自定样式

代码：

{
    
    
	"path": "pages/index/index",
	"style": {
    
    
		"navigationStyle": "custom",
	}
}

状态栏高度

padding-top: var(--status-bar-height);

参考网址：
https://uniapp.dcloud.net.cn/collocation/pages.html#customnav