1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-antd-mobile/components/Layout.js
Henrik Wenz dccbc1ea35 Update examples/with-antd-mobile (#5495)
* Update examples/with-antd-mobile

- Reduced noise
- Simplify setup

* Create more more complex example
2018-11-02 19:50:30 +01:00

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>
))