yapi/client/containers/Home/Home.js

import '../../styles/Home/home.scss'
import React, { Component } from 'react'
import { Button, Input, Icon, Checkbox } from 'antd'
import Header from '../../components/Header/Header.js'

class Home extends Component {
  constructor(props) {
    super(props)
  }

  render () {
    return (
      <acticle>
        <Header />
        <div className="home-box">
          <h3>YAPI</h3>

          <div className="form">
            <Input
              size="large"
              placeholder="Username"
              prefix={<Icon type="user" style={{ fontSize: 14 }} />} />

            <Input
              size="large"
              type="password"
              placeholder="Password"
              prefix={<Icon type="lock" style={{ fontSize: 14 }} />} />

            <Button type="primary">登录</Button>
          </div>

          <Checkbox>记住密码</Checkbox>
        </div>
      </acticle>
    )
  }
}

export default Home