terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Update Ant Design example (#3485)

Browse source
This commit is contained in:
Wei Zhu 2018-01-06 10:14:22 -06:00 committed by Tim Neutkens
parent 57a0fc432c
commit 9263ad13f7
3 changed files with 59 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/with-ant-design/index.js
View file

@ -4,7 +4,7 @@ export default ({ children }) =>
<Head> <Head>
<meta name='viewport' content='width=device-width, initial-scale=1' /> <meta name='viewport' content='width=device-width, initial-scale=1' />
<meta charSet='utf-8' /> <meta charSet='utf-8' />
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/antd/2.9.3/antd.min.css' /> <link rel='stylesheet' href='https://unpkg.com/antd@3/dist/antd.min.css' />
</Head> </Head>
<style jsx global>{` <style jsx global>{`
body { body {

2
examples/with-ant-design/package.json
View file

@ -7,7 +7,7 @@
"start": "next start" "start": "next start"
}, },
"dependencies": { "dependencies": {
"antd": "^2.10.2", "antd": "^3.0.2",
"babel-plugin-import": "^1.1.1", "babel-plugin-import": "^1.1.1",
"next": "latest", "next": "latest",
"react": "^16.0.0", "react": "^16.0.0",

5
examples/with-ant-design/pages/index.js
View file

@ -1,13 +1,11 @@
import Layout from '../index.js' import Layout from '../index.js'
import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button, LocaleProvider } from 'antd' import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button } from 'antd'
import enUS from 'antd/lib/locale-provider/en_US'
const FormItem = Form.Item const FormItem = Form.Item
const Option = Select.Option const Option = Select.Option
export default () => ( export default () => (
<Layout> <Layout>
<LocaleProvider locale={enUS}>
<div style={{ marginTop: 100 }}> <div style={{ marginTop: 100 }}>
<Form layout='horizontal'> <Form layout='horizontal'>
<FormItem <FormItem
@ -68,6 +66,5 @@ export default () => (
</FormItem> </FormItem>
</Form> </Form>
</div> </div>
</LocaleProvider>
</Layout> </Layout>
) )