add login page

@@ -32,9 +32,11 @@
     ]
     ]
   },
   },
   "devDependencies": {
   "devDependencies": {
+    "@ant-design/icons": "^4.0.0",
     "@ant-design/pro-cli": "^1.0.5",
     "@ant-design/pro-cli": "^1.0.5",
     "@ant-design/pro-layout": "^4.5.16",
     "@ant-design/pro-layout": "^4.5.16",
     "@umijs/fabric": "^2.0.0",
     "@umijs/fabric": "^2.0.0",
+    "antd": "^4.6.6",
     "cross-env": "^6.0.0",
     "cross-env": "^6.0.0",
     "eslint": "^6.8.0",
     "eslint": "^6.8.0",
     "glob": "^7.1.4",
     "glob": "^7.1.4",

+{
+  "name": "login",
+  "description": "登录页",
+  "block": {
+    "category": "脚手架"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.0.0",
+    "umi-request": "^1.0.0"
+  }
+}

+export default {
+  'GET /api/BLOCK_NAME/text': {
+    text: 'I am a blank block',
+  },
+};

+import React, { Component } from 'react';
+import { connect } from 'dva';
+import { Form, Input, Button, Checkbox } from 'antd';
+import { UserOutlined, LockOutlined } from '@ant-design/icons';
+
+import styles from './style.less';
+
+@connect(({ BLOCK_NAME_CAMEL_CASE }) => BLOCK_NAME_CAMEL_CASE)
+class Page extends Component {
+  componentDidMount() {
+    const { dispatch } = this.props;
+    dispatch({
+      type: 'BLOCK_NAME_CAMEL_CASE/fetch',
+    });
+  }
+  onFinish = (values) => {
+    console.log(values)
+  }
+  render() {
+    const { text } = this.props;
+    return (
+      <div className={styles.container}>
+        <div className={styles.login_block}>
+          <img className={styles.bg_img_sub1} src="http://hropublic.oss-cn-beijing.aliyuncs.com/workai-blocks/img/login-sub1.png" alt="" />
+          <div className={styles.login_wrap}>
+            <Form
+              name="normal_login"
+              className="login-form"
+              initialValues={{ remember: true }}
+              onFinish={this.onFinish}
+            >
+              <Form.Item
+                name="username"
+                rules={[{ required: true, message: 'Please input your Username!' }]}
+              >
+                <Input placeholder="Username" />
+              </Form.Item>
+              <Form.Item
+                name="password"
+                rules={[{ required: true, message: 'Please input your Password!' }]}
+              >
+                <Input
+                  prefix={<LockOutlined className="site-form-item-icon" />}
+                  type="password"
+                  placeholder="Password"
+                />
+              </Form.Item>
+              <Form.Item>
+                <Form.Item name="remember" valuePropName="checked" noStyle>
+                  <Checkbox>记住账号</Checkbox>
+                </Form.Item>
+
+                <a className="login-form-forgot" href="">
+                  忘记密码
+        </a>
+              </Form.Item>
+
+              <Form.Item>
+                <Button type="primary" htmlType="submit" className={styles.login_form_button}>
+                  登录
+        </Button>
+        或 <a href="">现在去注册!</a>
+              </Form.Item>
+            </Form>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Page;

+import { getText } from './service';
+
+export default {
+  namespace: 'BLOCK_NAME_CAMEL_CASE',
+  state: {
+    text: 'loading...',
+  },
+
+  effects: {
+    *fetch(_, { call, put }) {
+      const { text } = yield call(getText);
+      yield put({
+        type: 'save',
+        payload: {
+          text,
+        },
+      });
+    },
+  },
+
+  reducers: {
+    save(state, { payload }) {
+      return {
+        ...state,
+        ...payload,
+      };
+    },
+  },
+};

+import request from 'umi-request';
+
+export function getText() {
+  return request('/api/BLOCK_NAME/text');
+}

+.container {
+  height: 100vh;
+  width: 100vw;
+  margin: 0;
+  padding: 140px 0 0 0;
+  background: linear-gradient(to right, #231254 , #1d0592);
+}
+
+.bg{
+  width: 600px;
+}
+
+.login_block{
+  width: 1100px;
+  min-height: 520px;
+  border: 1px solid #231254;
+  border-radius: 5px;
+  margin: auto; 
+  background: #fff;
+  -moz-box-shadow:2px 3px 7px 1px #231254;
+  -webkit-box-shadow:2px 3px 7px 1px #231254;
+  box-shadow:2px 3px 7px 1px #231254;
+  position: relative;
+}
+
+.bg_img_sub1{
+  height: 400px;
+  vertical-align: bottom;
+}
+.login_wrap{
+    width: 330px;
+    display: inline-block;
+    padding: 30px 0;
+}
+.login_form_button{
+  width: 100%;
+}