登录页调整

src/index.less

@@ -28,3 +28,8 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+
+.ant-form-item {
+  margin-bottom: 10px !important;
+} 

src/view/Signin/index.jsx

@@ -6,6 +6,9 @@ import CryptoJS from "crypto-js";
 import { Open, Assert, ContextPath } from '../../util';
 import { dispatchLatest } from '../../model';
 
+import loginBG from "../../assets/login_bg.png";
+import loginLogo from "../../assets/login_logo.png";
+
 import classnames from 'classnames';
 
 class _Signin extends Component{
@@ -41,36 +44,47 @@ class _Signin extends Component{
     const { getFieldDecorator } = this.props.form; 
 
     return (
-      <Card title="数据中台" className={classnames('position-relative text-center')} style={{width:400, margin: '0 auto', top: '10%'}}>
-        <Form onSubmit={this.signin} className="login-form">
-          <Form.Item>
-            {getFieldDecorator('username', {
-              rules: [{ required: true, message: '请输入您的用户名!' }],
-            })(
-              <Input
-                prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
-                placeholder="用户名"
-              />,
-            )}
-          </Form.Item>
-          <Form.Item>
-            {getFieldDecorator('password', {
-              rules: [{ required: true, message: 'Please input your Password!' }],
-            })(
-              <Input
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
-                type="password"
-                placeholder="密码"
-              />,
-            )}
-          </Form.Item>
-          <Form.Item>
-            <Button type="primary" size="large" htmlType="submit" style={{ width: '100%' }}>
-              登录
-            </Button>
-          </Form.Item>
-        </Form>
-      </Card>
+      <>
+        <img className="position-absolute" src={loginBG} style={{ objectFit: 'cover', top: 0, left: 0, right: 0 ,bottom: 0, width: '100%', height:'100%' }} />
+        <img className="position-absolute" src={loginLogo} style={{ objectFit: 'cover',top: 20, left: 20, width: 304, height: 43 }} />
+
+        <div className="position-absolute" style={{ top: '50%', right: '10%', backgroundColor: '#fff', width: 350, transform: 'translateY(-50%)'}}>
+          <div style={{ padding: '30px' }}>
+            <div style={{ fontSize: 25, fontWeight: 800, color: '#159be9' }}>欢迎，</div>
+            <div style={{ fontSize: 15, fontWeight: 500, color: '#159be9', marginBottom: 30 }}>湖南烟草数据资产管理系统</div>
+            <Form onSubmit={this.signin} className="login-form">
+              <Form.Item>
+                {getFieldDecorator('username', {
+                  rules: [{ required: true, message: '请输入您的用户名!' }],
+                })(
+                  <Input
+                    prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                    placeholder="用户名"
+                  />,
+                )}
+              </Form.Item>
+              <Form.Item>
+                {getFieldDecorator('password', {
+                  rules: [{ required: true, message: 'Please input your Password!' }],
+                })(
+                  <Input
+                    prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                    type="password"
+                    placeholder="密码"
+                  />,
+                )}
+              </Form.Item>
+              <Form.Item>
+                <Button htmlType="submit" style={{ width: '100%', backgroundColor: '#159BE9', color: '#fff' }}>
+                  登录
+                </Button>
+              </Form.Item>
+            </Form>
+          </div>
+          <div style={{ height: '30px', lineHeight: '30px', backgroundColor: '#f4f4f4', textAlign: 'center', color: '#333', fontSize: 12, fontWeight: 400 }}>技术支持：广州元曜软件有限公司</div>
+        </div>
+        <div className="position-absolute" style={{ bottom: 10, textAlign: 'center', color: '#fff', fontSize: 12, fontWeight: 400, left: '50%', transform: 'translateX(-50%)' }}>版权所有：湖南省烟草专卖局</div>
+      </>
     );
   }
 }