GraceUI 头部导航组件

建议您使用 GracePage 组件来实现此组件的功能，为了兼容旧版本我们保留了此组件，如果您是新用户请使用 GracePage 组件( 页面组件 ) 来代替此组件！
演示代码内使用了 GraceSearch 组件（更新于 2019-11-29），请下载框架最新版本~

组件说明

graceHeader 用于完成自定义头部导航（您已经关闭了系统原生的导航）, 自动完成了沉浸式、小程序胶囊按钮躲避等工作;

组件属性

background:{type : String, default : "#F8F8F8"}// 背景颜色 : none代表空, 可以使用 linear-gradient() 进行渐变，使用 url 做背景图
height:{type : Number, default : 90} // 导航高度,单位 rpx
haveStatusBar{type : Boolean, default : true} // 是否自动处理从沉浸式
isSeize{type : Boolean, default : true} // 是否自动产生一个占位原生避免导航遮盖下面的元素
zIndex{type : Number, default : 99} // [ 新增 ] 层级

uni-app模型下关闭原生导航

{
	"path" : "pages/layout/header",
	"style" : {
		"titleNView" : false,
		"bounce" : "none",
		"scrollIndicator" : "none",
		"navigationStyle" : "custom"
	}
}

微信小程序使用自定义导航

在对应页面的 json 文件添加 
{"navigationStyle": "custom"}

演示代码