Browse Source

refactor(login): 重构登录页面的消息提示功能

- 引入 globalMessage 模块,替换 App.useApp().message
- 将所有消息提示相关的调用改为使用 globalMessage
- 优化了代码结构,提高了消息提示功能的复用性和可维护性
nahida 9 months ago
parent
commit
9eb75b8480
1 changed files with 6 additions and 5 deletions
  1. 6 5
      app/login/page.tsx

+ 6 - 5
app/login/page.tsx

@@ -11,6 +11,7 @@ import Image from "next/image";
 import {useEffect, useRef, useState} from "react";
 import {LoginReq} from "../_modules/definies";
 import {decrypt, displayModeIsDark, encrypt, watchDarkModeChange,} from "../_modules/func";
+import globalMessage from "@/app/_modules/globalMessage";
 
 type Captcha = {
   img: string;
@@ -28,7 +29,7 @@ const backgroudLight = "/bg3.jpg";
 const backgroundDark = "/bg-dark.jpg";
 
 export default function Login() {
-  const {message} = App.useApp();
+  const { message } = App.useApp();
   //验证码数据
   const [captcha, setCaptcha] = useState({} as Captcha);
   //是否展示验证码框
@@ -112,7 +113,7 @@ export default function Login() {
 
         //登录成功
         if (data.code == 200) {
-          App.useApp().message.success("登录成功");
+          globalMessage.success("登录成功");
 
           setCookie("token", data.token);
 
@@ -125,7 +126,7 @@ export default function Login() {
 
           router.push("/");
         } else {
-          App.useApp().message.open({
+          globalMessage.open({
             type: "error",
             content: data.msg,
           });
@@ -136,14 +137,14 @@ export default function Login() {
       } else {
         const data = await response.json();
 
-        App.useApp().message.open({
+        globalMessage.open({
           type: "error",
           content: data.msg,
         });
       }
     } catch (error) {
       console.log("error:", error);
-      App.useApp().message.open({
+      globalMessage.open({
         type: "error",
         content: "登录发生异常,请重试",
       });