fix: 调整移动端瀑布流组件列数及分页大小，修复数据库错误查询

besscroft · May 6, 2024 · c87877f · c87877f
1 parent 4634e68
commit c87877f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/components/Masonry.tsx b/components/Masonry.tsx
@@ -31,7 +31,6 @@ export default function Masonry(props : Readonly<ImageHandleProps>) {
     <div className="w-full sm:w-4/5 mx-auto p-2">
       <PhotoAlbum
         columns={(containerWidth) => {
-          if (containerWidth < 640) return 1;
           if (containerWidth < 768) return 2;
           if (containerWidth < 1024) return 3;
           return 4;

diff --git a/server/lib/query.ts b/server/lib/query.ts
@@ -225,7 +225,7 @@ export async function fetchClientImagesListByTag(pageNum: number, tag: string) {
         tags.tag_value = ${tag}
     GROUP BY image.id
     ORDER BY image.sort DESC, image.create_time DESC, image.update_time DESC
-    LIMIT 8 OFFSET ${(pageNum - 1) * 12}
+    LIMIT 16 OFFSET ${(pageNum - 1) * 16}
   `
 
   return findAll;
@@ -256,7 +256,7 @@ export async function fetchClientImagesPageTotalByTag(tag: string) {
     ) AS unique_images;
   `
   // @ts-ignore
-  return Number(pageTotal[0].total) > 0 ? Math.ceil(Number(pageTotal[0].total) / 12) : 0
+  return Number(pageTotal[0].total) > 0 ? Math.ceil(Number(pageTotal[0].total) / 16) : 0
 }
 
 export async function fetchTagsShow() {