فهرست منبع

fix(login): fix login css

Lind 4 سال پیش
والد
کامیت
736445b374
2فایلهای تغییر یافته به همراه6 افزوده شده و 11 حذف شده
  1. 3 7
      src/pages/user/Login/index.less
  2. 3 4
      src/pages/user/Login/index.tsx

+ 3 - 7
src/pages/user/Login/index.less

@@ -127,16 +127,14 @@
   //background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
   width: 73%;
   height: 100%;
+  padding: 112px 80px;
   background-image: url('/images/login.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
 
   .systemName {
-    position: absolute;
-    top: 112px;
-    left: 85px;
-    width: 377px;
+    width: 100%;
     height: 110px;
     font-weight: 600;
     font-size: 90px;
@@ -147,11 +145,9 @@
   }
 
   .systemDesc {
-    position: absolute;
-    top: 231px;
-    left: 86px;
     width: 513px;
     height: 17px;
+    margin: 5px 5px;
     color: #3dc239;
     font-weight: normal;
     font-size: 14px;

+ 3 - 4
src/pages/user/Login/index.tsx

@@ -1,4 +1,4 @@
-import { message, Spin } from 'antd';
+import { Checkbox, message, Spin } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import { Link, history } from 'umi';
 import styles from './index.less';
@@ -6,7 +6,7 @@ import Token from '@/utils/token';
 import Service from '@/pages/user/Login/service';
 import { createForm } from '@formily/core';
 import { createSchemaField } from '@formily/react';
-import { Checkbox, Form, Submit, Input, Password, FormItem } from '@formily/antd';
+import { Form, Submit, Input, Password, FormItem } from '@formily/antd';
 import { filter, mergeMap } from 'rxjs/operators';
 import * as ICONS from '@ant-design/icons';
 import { useModel } from '@@/plugin-model/useModel';
@@ -71,7 +71,7 @@ const Login: React.FC = () => {
       FormItem,
       Input,
       Password,
-      Checkbox,
+      // Checkbox,
     },
     scope: {
       icon(name: any) {
@@ -146,7 +146,6 @@ const Login: React.FC = () => {
         },
         complete: () => {
           getCode();
-          setLoading(false);
         },
       },
     );