From 091b5e241378f8654b4cf446ab010b2435b6ed63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Tue, 14 Mar 2023 17:59:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=88=97=E8=A1=A8=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0loading=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/resource/images/index.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/resource/images/index.tsx b/src/pages/resource/images/index.tsx
index 543cca8..70480cb 100644
--- a/src/pages/resource/images/index.tsx
+++ b/src/pages/resource/images/index.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import {
+  Spin,
   Button,
   Row,
   Col,
@@ -41,6 +42,7 @@ export const ResourceImagesPage = () => {
   const [visibleArr, setVisibleArr] = useState<any>([]);
   const [hoverArr, setHoverArr] = useState<any>([]);
   const [selLabel, setLabel] = useState<string>("全部图片");
+  const [loading, setLoading] = useState<boolean>(false);
 
   // 删除图片
   const removeResource = () => {
@@ -69,6 +71,10 @@ export const ResourceImagesPage = () => {
 
   // 获取图片列表
   const getImageList = () => {
+    if (loading) {
+      return;
+    }
+    setLoading(true);
     let categoryIds = category_ids.join(",");
     resource
       .resourceList(page, size, "", "", "", "IMAGE", categoryIds)
@@ -82,8 +88,10 @@ export const ResourceImagesPage = () => {
         }
         setVisibleArr(arr);
         setHoverArr(arr);
+        setLoading(false);
       })
       .catch((err: any) => {
+        setLoading(false);
         console.log("错误,", err);
       });
   };
@@ -189,6 +197,11 @@ export const ResourceImagesPage = () => {
               </div>
             </Col>
           </Row>
+          {loading && (
+            <div className="float-left d-j-flex mt-24">
+              <Spin size="large" />
+            </div>
+          )}
           {imageList.length === 0 && (
             <div className="d-flex">
               <Col span={24}>