From ffbf24a2b5cf2cb932aa9f77e95ee181c0ce523b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Fri, 10 Mar 2023 18:13:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=88=97=E8=A1=A8=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/resource/images/index.module.less |  4 ++--
 src/pages/resource/images/index.tsx         | 18 +++++++-----------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/pages/resource/images/index.module.less b/src/pages/resource/images/index.module.less
index 482f8e3..4eb59e7 100644
--- a/src/pages/resource/images/index.module.less
+++ b/src/pages/resource/images/index.module.less
@@ -29,6 +29,6 @@
 
 .imageItem{
   position: relative;
-  width: 120px;
-  height: 80px;
+  width: 150px;
+  height: 150px;
 }
\ No newline at end of file
diff --git a/src/pages/resource/images/index.tsx b/src/pages/resource/images/index.tsx
index afb6dec..4caac7a 100644
--- a/src/pages/resource/images/index.tsx
+++ b/src/pages/resource/images/index.tsx
@@ -32,7 +32,7 @@ export const ResourceImagesPage = () => {
   const [imageList, setImageList] = useState<ImageItem[]>([]);
   const [refresh, setRefresh] = useState(false);
   const [page, setPage] = useState(1);
-  const [size, setSize] = useState(12);
+  const [size, setSize] = useState(32);
   const [total, setTotal] = useState(0);
   const [category_ids, setCategoryIds] = useState<any>([]);
 
@@ -92,12 +92,7 @@ export const ResourceImagesPage = () => {
                 ></UploadImageSub>
               </Col>
             </Row>
-            <Row
-              gutter={[
-                { xs: 8, sm: 16, md: 24, lg: 32 },
-                { xs: 4, sm: 8, md: 12, lg: 16 },
-              ]}
-            >
+            <Row gutter={[24, 24]}>
               {imageList.length === 0 && (
                 <Col span={24}>
                   <Empty description="暂无图片" />
@@ -105,12 +100,12 @@ export const ResourceImagesPage = () => {
               )}
 
               {imageList.map((item) => (
-                <Col key={item.id} span={6}>
+                <Col key={item.id} span={3}>
                   <div className={styles.imageItem}>
                     <Image
-                      preview={false}
-                      width={120}
-                      height={80}
+                      preview={true}
+                      width={150}
+                      height={150}
                       src={item.url}
                     />
                     <Popconfirm
@@ -141,6 +136,7 @@ export const ResourceImagesPage = () => {
                     }}
                     defaultCurrent={page}
                     total={total}
+                    pageSize={size}
                   />
                 </Col>
               )}