From 6582a13a67bf5f8e4510a65798295e1957b15121 Mon Sep 17 00:00:00 2001
From: master1lan <278457198@qq.com>
Date: Thu, 16 Mar 2023 13:42:04 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20fix(custom):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=88=B0=E5=9B=BE=E7=89=87=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=97=B6=E9=A1=B5=E9=9D=A2=E5=81=8F=E7=A7=BB=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routers/photo/masonry.tsx | 43 ++++++++++++++++-------------------
 1 file changed, 20 insertions(+), 23 deletions(-)

diff --git a/src/routers/photo/masonry.tsx b/src/routers/photo/masonry.tsx
index 83ff061..9b29d88 100644
--- a/src/routers/photo/masonry.tsx
+++ b/src/routers/photo/masonry.tsx
@@ -80,38 +80,35 @@ export default function Masonry(props: PhotoRouterMasonryType) {
 
   return (
     <div className={styles["container"]}>
-      <Fade in={!isLoading} className={`${!isLoading ? "" : "hidden"}`}>
-        <div>
-          {!isLoading && (
+      {isLoading ? (
+        <Fade in={isLoading}>
+          <div>
             <Masonic_masonry
-              items={lists}
+              items={loadingLists}
               maxColumnCount={5}
               {...minCount}
               columnGutter={md ? 5 : 10}
               rowGutter={md ? 5 : 10}
               columnWidth={200}
-              render={PhotoCard}
+              render={PhotoLoadingItem}
               overscanBy={Infinity}
               className={styles["container"]}
             />
-          )}
-        </div>
-      </Fade>
-      <Fade in={isLoading} className={`${isLoading ? "" : "hidden"}`}>
-        <div>
-          <Masonic_masonry
-            items={loadingLists}
-            maxColumnCount={5}
-            {...minCount}
-            columnGutter={md ? 5 : 10}
-            rowGutter={md ? 5 : 10}
-            columnWidth={200}
-            render={PhotoLoadingItem}
-            overscanBy={Infinity}
-            className={styles["container"]}
-          />
-        </div>
-      </Fade>
+          </div>
+        </Fade>
+      ) : (
+        <Masonic_masonry
+          items={lists}
+          maxColumnCount={5}
+          {...minCount}
+          columnGutter={md ? 5 : 10}
+          rowGutter={md ? 5 : 10}
+          columnWidth={200}
+          render={PhotoCard}
+          overscanBy={Infinity}
+          className={styles["container"]}
+        />
+      )}
     </div>
   );
 }