0
点赞
收藏
分享

微信扫一扫

好客租房132-城市选择导航栏

1打开ant design moblie导航栏的文档

2从文档中拷贝示例代码进入页面开始学习

import React from 'react'

//导入navBar组件
import { NavBar, Icon } from 'antd-mobile'
import "./index.scss"
class cityList extends React.Component {
render() {
return (
<div className='citylist'>
<NavBar className='navbar'
mode="light"
icon={<i className='iconfont icon-back' />}
onLeftClick={() => this.props.histoty.push.go(-1)}
// 导航栏右边内容
// rightContent={[
//
// key="0"
// type="search"
// style={{ marginRight: '16px' }}
// />,
// ,
// ]}
>
城市选择
</NavBar>
</div>
)
}
}

export default cityList

运行结果

好客租房132-城市选择导航栏_导航栏

微信公众号关注前端小歌谣获取全部代码 


举报

相关推荐

0 条评论