登录样式优化

src/compenents/left-menu/index.tsx

@@ -62,19 +62,12 @@ const items = [
   ),
 ];
 
-const rootSubmenuKeys = ["3", "4", "5", "6", "7", "8"];
-
 export const LeftMenu: React.FC = () => {
   //展开的subMenu
   const [openKeys, setOpenKeys] = useState(["1"]);
   //点击subMenu的回调函数
   const onOpenChange = (keys: any) => {
-    const latestOpenKey = keys.find((key: any) => openKeys.indexOf(key) === -1);
-    if (rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
-      setOpenKeys(keys);
-    } else {
-      setOpenKeys(latestOpenKey ? [latestOpenKey] : []);
-    }
+    setOpenKeys(keys);
   };
   //路由跳转的函数
   const navigate = useNavigate();

src/pages/login/index.module.less

@@ -64,3 +64,5 @@
   }
 }
 
+
+

src/pages/login/index.tsx

@@ -24,11 +24,9 @@ export const Login: React.FC = () => {
   const [captcha_val, setCaptcha_val] = useState<string>("");
   const [captcha_key, setCaptcha_key] = useState<string>("");
   const fetchData = () => {
-    setLoading(true);
     system.getImageCaptcha().then((res: any) => {
       setImage(res.data.image);
       setCaptcha_key(res.data.key);
-      setLoading(false);
     });
   };
 
@@ -94,7 +92,7 @@ export const Login: React.FC = () => {
         </div>
         <div className={styles["right-box"]}>
           <div className={styles["title"]}>后台登录</div>
-          <div className="d-flex mt-50">
+          <div className="login-box d-flex mt-50">
             <Input
               value={email}
               onChange={(e) => {
@@ -104,7 +102,7 @@ export const Login: React.FC = () => {
               placeholder="请输入管理员邮箱账号"
             />
           </div>
-          <div className="d-flex mt-50">
+          <div className="login-box d-flex mt-50">
             <Input.Password
               value={password}
               onChange={(e) => {
@@ -130,7 +128,7 @@ export const Login: React.FC = () => {
               alt=""
             />
           </div>
-          <div className="d-flex mt-50">
+          <div className="login-box d-flex mt-50">
             <Button
               style={{ width: 400, height: 54 }}
               type="primary"

src/pages/login/login.less

@@ -1,8 +1,10 @@
-.ant-btn {
-  font-size: 18px !important;
-  font-weight: 600 !important;
-}
+.login-box {
+  .ant-btn {
+    font-size: 18px !important;
+    font-weight: 600 !important;
+  }
 
-.ant-input {
-  font-size: 18px !important;
+  .ant-input {
+    font-size: 18px !important;
+  }
 }