0.0.3 • Published 8 years ago

cefc-ui-header

Licence

ISC

Version

0.0.3

Deps

Vulns

Weekly

Summary Dependency Versions

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	无