mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
dccbc1ea35
* Update examples/with-antd-mobile - Reduced noise - Simplify setup * Create more more complex example
34 lines
724 B
JavaScript
34 lines
724 B
JavaScript
import { NavBar, Icon, WingBlank } from 'antd-mobile'
|
|
import { withRouter } from 'next/router'
|
|
import Head from 'next/head'
|
|
|
|
export default withRouter(({ router, children, title }) => (
|
|
<div>
|
|
<Head>
|
|
<title>{title}</title>
|
|
</Head>
|
|
<NavBar
|
|
mode='light'
|
|
icon={<Icon type='left' />}
|
|
onLeftClick={() => router.back()}
|
|
>
|
|
Ant Design Mobile example
|
|
</NavBar>
|
|
<h1>{title}</h1>
|
|
<style jsx>{`
|
|
h1 {
|
|
padding: 15px 0 9px 15px;
|
|
color: #000;
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
height: 16px;
|
|
font-weight: bolder;
|
|
position: relative;
|
|
}
|
|
`}</style>
|
|
<WingBlank>
|
|
{children}
|
|
</WingBlank>
|
|
</div>
|
|
))
|