diff --git a/src/pages/resource/images/index.module.less b/src/pages/resource/images/index.module.less
index 473e793..30c678d 100644
--- a/src/pages/resource/images/index.module.less
+++ b/src/pages/resource/images/index.module.less
@@ -60,4 +60,10 @@
   position: relative;
   width: 150px;
   height: 150px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f4fafe;
+  border-radius: 6px;
 }
diff --git a/src/pages/resource/images/index.tsx b/src/pages/resource/images/index.tsx
index 8cec59b..0095ded 100644
--- a/src/pages/resource/images/index.tsx
+++ b/src/pages/resource/images/index.tsx
@@ -176,8 +176,10 @@ export const ResourceImagesPage = () => {
                   </i>
                   <Image
                     preview={true}
-                    width={150}
-                    height={150}
+                    style={{
+                      width: "150px",
+                      height: "auto",
+                    }}
                     src={item.url}
                   />
                 </div>