手册版本 V3.0

重要说明

建议您使用 GracePage 组件来实现此组件的功能，为了兼容旧版本我们保留了此组件，如果您是新用户请使用 GracePage 组件( 页面组件 ) 来代替此组件！

组件说明

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

组件属性

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

自定义导航配置

// uni-app
{
	"path" : "pages/layout/header",
	"style" : {
		"titleNView" : false,
		"bounce" : "none",
		"scrollIndicator" : "none",
		"navigationStyle" : "custom"
	}
}
// 微信小程序
在对应页面的 json 文件添加 
{"navigationStyle": "custom"}

演示代码