login-style

src/layouts/UserLayout.jsx

@@ -34,7 +34,6 @@ const UserLayout = props => {
         <div className={styles.content}>
           {children}
         </div>
-        {/* <DefaultFooter /> */}
       </div>
     </DocumentTitle>
   );

src/layouts/UserLayout.less

@@ -21,6 +21,7 @@
 .content {
   flex: 1;
   padding: 32px 0;
+
 }
 
 @media (min-width: @screen-md-min) {

src/pages/user/login/components/Login/LoginSubmit.jsx

@@ -3,12 +3,18 @@ import React from 'react';
 import classNames from 'classnames';
 import styles from './index.less';
 const FormItem = Form.Item;
-
+import router from 'umi/router';
+// 跳转到编辑商品
+function toIndex() {
+  router.push({
+    pathname: '/welcome',
+  });
+}
 const LoginSubmit = ({ className, ...rest }) => {
   const clsString = classNames(styles.submit, className);
   return (
     <FormItem>
-      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} />
+      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} style={{ background: 'linear-gradient(270deg,rgba(43,112,192,1) 0%,rgba(6,185,209,1) 100%)', borderRadius: '7px', border: 'none' }} />
     </FormItem>
   );
 };

src/pages/user/login/components/Login/index.jsx

@@ -6,6 +6,7 @@ import LoginItem from './LoginItem';
 import LoginSubmit from './LoginSubmit';
 import styles from './index.less';
 
+
 class Login extends Component {
 
   static Submit = LoginSubmit;
@@ -13,7 +14,7 @@ class Login extends Component {
     className: '',
     defaultActiveKey: '',
     onTabChange: () => { },
-    onSubmit: () => { },
+    onSubmit: () => {},
   };
 
   constructor(props) {
@@ -112,13 +113,16 @@ class Login extends Component {
 
     });
     return (
+      <div  className={styles.loginBox}>
+      <div className={styles.leftBox}></div>
       <LoginContext.Provider value={this.getContext()}>
-        <div className={classNames(className, styles.login)}>
+        <div className={styles.login}>
           <Form onSubmit={this.handleSubmit}>
             {children}
           </Form>
         </div>
       </LoginContext.Provider>
+      </div>
     );
   }
 }

src/pages/user/login/components/Login/index.less

@@ -1,6 +1,26 @@
 @import '~antd/es/style/themes/default.less';
-
+.loginBox{
+  width:880px;
+height:480px;
+background:rgba(255,255,255,1);
+box-shadow:0px 2px 14px 4px rgba(0,0,0,0.12);
+border-radius:30px;
+margin: 16vh auto;
+.leftBox{
+  width:440px;
+height:480px;
+background:linear-gradient(180deg,rgba(108,193,216,1) 0%,rgba(54,141,212,1) 100%);
+border-radius:30px 0px 0px 30px;
+display: inline-block;
+}
+}
 .login {
+  background-color: #fff;
+  width:440px;
+  height:480px;
+  padding:120px 50px;
+  border-radius:0px 30px 30px 0px;
+ float: right;
   :global {
     .ant-tabs .ant-tabs-bar {
       margin-bottom: 24px;

src/pages/user/login/style.less

@@ -1,7 +1,7 @@
 @import '~antd/es/style/themes/default.less';
 
 .main {
-  width: 368px;
+  // width: 368px;
   margin: 0 auto;
   @media screen and (max-width: @screen-sm) {
     width: 95%;

src/services/login.js

@@ -1,13 +1,11 @@
 import request from 'umi-request';
-import { Redirect } from 'umi';
+
 
 export async function fakeAccountLogin(params) {
   return request('/api/admin/taUser/signin', {
     method: 'POST',
     data: params,
-  }).then(res => {
-    return <Redirect to="/welcome"></Redirect>;
-  });
+  })
 
 
 }