图片列表宽高1:1

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;

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)}