From 794dd0f65bf2093a47b4046762eab2ccb74bd8ce Mon Sep 17 00:00:00 2001
From: none <none>
Date: Tue, 14 Mar 2023 10:29:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=88=97=E8=A1=A8=E5=AE=BD?=
 =?UTF-8?q?=E9=AB=981:1?=
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         | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/resource/images/index.module.less b/src/pages/resource/images/index.module.less
index 817d212..59401da 100644
--- a/src/pages/resource/images/index.module.less
+++ b/src/pages/resource/images/index.module.less
@@ -60,9 +60,11 @@
   display: grid;
   gap: 24px;
   grid-template-columns: repeat(8, minmax(0, 1fr));
+
   .imageItem {
     width: 100%;
-    height: 150px;
+    height: auto;
+    aspect-ratio: 1/1;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
diff --git a/src/pages/resource/images/index.tsx b/src/pages/resource/images/index.tsx
index 1fa5db3..fdd47d4 100644
--- a/src/pages/resource/images/index.tsx
+++ b/src/pages/resource/images/index.tsx
@@ -199,7 +199,7 @@ export const ResourceImagesPage = () => {
             {imageList.map((item: any, index: number) => (
               <div
                 key={item.id}
-                className={styles.imageItem}
+                className={`${styles.imageItem} ref-image-item`}
                 style={{ backgroundImage: `url(${item.url})` }}
                 onClick={() => showImage(index, true)}
                 onMouseOver={() => showHover(index, true)}