主页(八)-顶部导航——NavBar 导航栏 & Icon 图标
NavBar 导航栏:https://mobile.ant.design/components/nav-bar-cn/
Icon 图标:https://mobile.ant.design/components/icon-cn/
- 基本布局
<NavBar
mode="light"
rightContent={[
<Icon
key="0"
type="search"
style={{ marginRight: '16px' }}
onClick={() => {
this.props.history.push('/citylist')
}}
/>
]}
>
北京
</NavBar>
效果
最终主页布局效果