logo update

config/config.js

@@ -10,7 +10,7 @@ export default defineConfig({
     theme: {
       algorithm: theme.darkAlgorithm,
       token: {
-        colorPrimary: '#4ddaec',
+        colorPrimary: '#3878e4',
       },
     },
   },

src/pages/login/index.jsx

@@ -13,7 +13,7 @@ import {
   ProFormText,
   ProConfigProvider,
 } from '@ant-design/pro-components';
-import { message, Space, Tabs } from 'antd';
+import { message, Space, Button } from 'antd';
 import { useState } from 'react';
 import './index.less';
 import { history } from '@umijs/max';
@@ -33,6 +33,8 @@ const iconStyles = {
 
 export default () => {
   const [loginType, setLoginType] = useState('account');
+  const [login, setlogin] = useState(false);
+
   return (
     <div className="bg">
       <ul className="circles">
@@ -41,6 +43,7 @@ export default () => {
         ))}
       </ul>
       <div style={{ position: 'absolute', width: '100%', zIndex: 99999 }}>
+        {login ? (
           <LoginForm
             logo="./logo.png"
             subTitle={
@@ -49,7 +52,8 @@ export default () => {
                   <b>江苏南高智能装备创新中心有限公司</b>
                 </p>
                 <p style={{ fontSize: 12, zoom: 0.8, margin: 0 }}>
-                Jiangsu Nangao Intelligent Equipment Innovation Center Co., Ltd.
+                  Jiangsu Nangao Intelligent Equipment Innovation Center Co.,
+                  Ltd.
                 </p>
               </>
             }
@@ -63,10 +67,14 @@ export default () => {
                   padding: Pkcs7,
                 },
               ).toString();
-            let password = AES.encrypt(values.password, Utf8.parse(timestamp), {
+              let password = AES.encrypt(
+                values.password,
+                Utf8.parse(timestamp),
+                {
                   mode: ECB,
                   padding: Pkcs7,
-            }).toString();
+                },
+              ).toString();
               const postdata = {
                 accountName: values.username,
                 password: password,
@@ -183,6 +191,23 @@ export default () => {
               </>
             )}
           </LoginForm>
+        ) : (
+          <div className="nologin">
+            <img src="./logo.png" alt="" />
+            <h2>欢迎</h2>
+            <>
+              <p style={{ fontSize: 17, marginBottom: 0 }}>
+                <b>江苏南高智能装备创新中心有限公司</b>
+              </p>
+              <p style={{ fontSize: 12, zoom: 0.8, margin: 0 }}>
+                Jiangsu Nangao Intelligent Equipment Innovation Center Co., Ltd.
+              </p>
+            </>
+            <Button type="primary" style={{width:"278px",marginTop:36}} size='large' onClick={()=>{
+              setlogin(true)
+            }}>登录</Button>
+          </div>
+        )}
       </div>
     </div>
   );

src/pages/login/index.less

 .ant-pro-form-login-main {
   min-width: 100px !important;
   width: 100% !important;
+  max-width: 278px;
 }
 
 .ant-pro-form-login-container {
-  padding-top: 88px !important;
+  padding-top: 6vh !important;
 }
 
 .bg {
   height: 100%;
   overflow: hidden;
   position: relative;
-  background-image: linear-gradient(
-    145deg,
-    #1e1373 0%,
-    #2a1448 50%,
-    #1e1373 100%
-  );
-  background-size: 400% 400%;
-  animation: bgmove 20s linear 0s infinite alternate forwards;
+  background: linear-gradient(to bottom, #142f4d, #657b90) !important;
 
   .ant-pro-form-login-header {
     height: auto !important;
@@ -79,7 +73,7 @@
   list-style: none;
   width: 20px;
   height: 20px;
-  background: rgb(255 255 255 / 2%);
+  background: rgb(255 255 255 / 4%);
   animation: animate 25s linear infinite;
   bottom: -150px;
 }
@@ -172,3 +166,18 @@
     border-radius: 50%;
   }
 }
+.nologin {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 60vh;
+  > img {
+    width: 116px;
+    height: 116px;
+    object-fit: cover;
+  }
+  h2{
+    color: #fff
+  }
+}