头部
头部组件 = 状态栏 + 导航栏。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
statusBarHeight | String | 系统默认状态栏高度 | 状态栏高度 |
statusBarBackground | String | - | 状态栏背景 |
statusBarColor | String | - | 状态栏文本颜色 |
navBarHeight | String | 系统默认导航栏高度 | 导航栏高度 |
navBarBackground | String | - | 导航栏背景 |
title | String | - | 标题 |
showBack | Boolean | false | 是否显示返回按钮 |
showBackText | Boolean | false | 是否显示返回按钮文字 |
backIconName | String | __zuo2 | 返回按钮图标名称 |
backText | String | 返回 | 返回按钮文字 |
autoBack | Boolean | false | 是否自动返回 |
backOpts | Object | {} | 返回按钮其他配置选项 |
leftIcons | [Array, String] | - | 参考 左侧图标数据 |
rightIcons | [Array, String] | - | 参考 右侧图标数据 |
rightIcons | [Array, String] | - | 右侧图标数据 |
safeMenuButton | Boolean | true | 是否留出胶囊按钮安全区域 |
titleAlign | String | center | 标题对齐方式 |
statusBarOpts | Object | - | 参考 状态栏整体配置选项 |
navBarOpts | Object | - | 参考 导航栏整体配置选项 |
事件
名称 | 参数 | 说明 |
---|---|---|
@onStatusBarClick | - | 状态栏点击事件 |
@onNavBarClick | - | 导航栏点击事件 |
@onBack | - | 返回事件 |
@onIconClick | { position: left\right - 图标位置, item: Object - 图标数据, index: Number - 下标 } | 参考 图标点击事件 |
插槽
名称 | 参数 | 说明 |
---|---|---|
#statusBarContent | - | 状态栏内容 |
#left | - | 左侧内容 |
#back | - | 返回按钮 |
#leftIcons | - | 左侧图标 |
#title | - | 标题 |
#right | - | 右侧内容 |
#rightIcons | - | 右侧图标 |