cefc-ui-header

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	无