From 55884cdc34dfb83ed6107b7575471c52aef813d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Mon, 3 Jul 2023 09:47:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F=E5=8A=A0=E8=BD=BD=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/member/index.tsx | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/pages/member/index.tsx b/src/pages/member/index.tsx
index c7d04e0..fb1dcd3 100644
--- a/src/pages/member/index.tsx
+++ b/src/pages/member/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { ImageUploader, Toast, Mask, Image } from "antd-mobile";
+import { ImageUploader, Skeleton, Toast, Mask, Image } from "antd-mobile";
 import { useNavigate } from "react-router-dom";
 import { user as member } from "../../api/index";
 import { getDepName, studyTimeFormat } from "../../utils/index";
@@ -16,6 +16,7 @@ const MemberPage = () => {
   const [loading, setLoading] = useState<boolean>(false);
   const [currentDepartment, setCurrentDepartment] = useState<string>("");
   const [visible, setVisible] = useState(false);
+  const [init, setInit] = useState(false);
   const [stats, setStats] = useState<any>({});
   const [fileList, setFileList] = useState<ImageUploadItem[]>([
     {
@@ -103,6 +104,7 @@ const MemberPage = () => {
     if (res) {
       dispatch(loginAction(res.data));
       setFileList([]);
+      setInit(true);
     }
   };
 
@@ -111,7 +113,30 @@ const MemberPage = () => {
       <div className={styles["content-box"]}>
         <div className={styles["top-content"]}>
           <div className={styles["user-info"]}>
-            {user.name && (
+            {!init && (
+              <>
+                <Skeleton
+                  animated
+                  style={{
+                    width: 100,
+                    height: 100,
+                    borderRadius: "50%",
+                    marginRight: 20,
+                  }}
+                />
+                <div className={styles["other-cont"]}>
+                  <Skeleton
+                    animated
+                    style={{ width: "100%", height: 24, marginTop: 15 }}
+                  />
+                  <Skeleton
+                    animated
+                    style={{ width: "100%", height: 24, marginTop: 20 }}
+                  />
+                </div>
+              </>
+            )}
+            {init && user.name && (
               <>
                 <Image
                   width={100}