0.0.3 • Published 6 years ago
Header
页头导航组件
Example
function handleBack() {
history.back();
}
function handleClickHome() {
// 推出子页面，回到主页
}
function handleClickRefresh() {
// 刷新 Header 下面模块的数据
}
<Header>
<Header.Title>证券交易</Header.Title>
<Header.Left><Icon type="header-back" /></Header.Left>
<Header.Right>
<Icon type="home" onClick={handleClickHome} />
<Icon type="refresh" onClick={handleClickRefresh} />
</Header.Right>
</Header>
API
Header
| 属性 | 说明 | 类型 | 默认值 |
|---|
| prefixCls | 样式前缀，如：cefc-header，可用于自定义样式 | String | cefc-header |
| children | 标题、左右栏 | React.Element | 无 |
Header.Title
| 属性 | 说明 | 类型 | 默认值 |
|---|
| prefixCls | 样式前缀，如：cefc-header，可用于自定义样式 | String | cefc-header |
| children | 标题栏自定义 | React.Element | 无 |
Header.Left
| 属性 | 说明 | 类型 | 默认值 |
|---|
| prefixCls | 样式前缀，如：cefc-header，可用于自定义样式 | String | cefc-header |
| children | 左栏自定义 | React.Element | 无 |
| onBack | 返回上一页面回调，返回值为 true 则返回 | Function | 空函数 |
Header.Right
| 属性 | 说明 | 类型 | 默认值 |
|---|
| prefixCls | 样式前缀，如：cefc-header，可用于自定义样式 | String | cefc-header |
| children | 右栏自定义 | React.Element | 无 |