商城样式调整

pages/mall/index.module.scss

@@ -10,11 +10,11 @@
       flex-shrink: 0;
       flex-direction: column;
       gap: 12px;
-      width: 270px;
+      width: 189px;
 
       .ad {
-        width: 270px;
-        height: 422px;
+        width: 189px;
+        height: 295px;
         background-color: #d8d8d8;
       }
     }
@@ -32,18 +32,18 @@
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
-    height: 856px;
+    height: 565px;
 
     .item {
       cursor: pointer;
-      width: 220px;
-      height: 205px;
+      width: 190px;
+      height: 183px;
       background: #ffffff;
       border-radius: 6px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-      padding: 19px 0 18px;
+      padding: 15px 0 10px;
 
       .imgBox {
         width: 100%;

pages/mall/index.page.tsx

@@ -22,7 +22,7 @@ export default function Mall(props: Props) {
   const [filterResult, setFilterResult] = useState<AdapterResult>({}); //筛选结果
   const [pageParams, setPageParams] = useState({
     pageNo: 1,
-    pageSize: 16,
+    pageSize: 15,
   }); //分页器对象
   const [count, setCount] = useState(0); //商品总数
   const [abort, setAbort] = useState<AbortController | null>(null); //请求中断对你
@@ -147,8 +147,8 @@ export default function Mall(props: Props) {
                     key={item.id}
                     className={styles.ad}
                     src={item.imageUrl}
-                    width="270"
-                    height="270"
+                    width={189}
+                    height={295}
                     preview={false}
                     fallback={errImg}
                   ></Image>