From ea52794aaee10254b4ef46d7a3e71ad0c5f01639 Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Tue, 20 May 2025 14:58:51 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E5=92=8C=E5=88=86=E9=A1=B5=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E4=BB=A5=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

统一将页面间距和分页大小调整为12px，移除不必要的底部填充，优化整体布局和视觉一致性。
---
 src/views/user/ab98/index.vue | 12 ++++++------
 src/views/user/qy/hook.tsx    |  2 +-
 src/views/user/qy/index.vue   | 12 ++++++------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/views/user/ab98/index.vue b/src/views/user/ab98/index.vue
index a6b2572..deae4dc 100644
--- a/src/views/user/ab98/index.vue
+++ b/src/views/user/ab98/index.vue
@@ -108,7 +108,7 @@ onMounted(() => {
       </el-form>
 
       <div class="grid-container">
-        <el-row :gutter="20">
+        <el-row :gutter="12">
           <el-col v-for="(item, index) in dataList" :key="item.ab98UserId" :xs="24" :sm="12" :md="8" :lg="6">
             <el-card class="user-card" :body-style="{ padding: '8px 20px' }">
               <div class="card-content">
@@ -156,7 +156,7 @@ onMounted(() => {
 }
 
 .user-card {
-  margin-bottom: 20px;
+  margin-bottom: 12px;
   min-height: 210px;
   display: flex;
   flex-direction: column;
@@ -215,8 +215,8 @@ onMounted(() => {
 }
 
 .grid-container {
-  margin: 20px 0;
-  padding-bottom: 60px;
+  margin: 12px 0;
+  padding-bottom: 0px;
   position: relative;
 
   .el-row {
@@ -227,13 +227,13 @@ onMounted(() => {
 .pagination-wrapper {
   position: relative;
   background: var(--el-bg-color);
-  padding: 12px 12px;
+  padding: 9px 12px;
   margin-top: 20px;
   text-align: center;
 
   :deep(.el-pagination) {
     margin: 0;
-    padding: 8px 0;
+    padding: 0;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/user/qy/hook.tsx b/src/views/user/qy/hook.tsx
index e9f2a39..5987a8c 100644
--- a/src/views/user/qy/hook.tsx
+++ b/src/views/user/qy/hook.tsx
@@ -41,7 +41,7 @@ export function useHook() {
   const pageLoading = ref(true); // 加载状态
   const pagination = reactive<PaginationProps>({ // 分页配置
     total: 0,
-    pageSize: 8,
+    pageSize: 12,
     currentPage: 1,
     background: true
   });
diff --git a/src/views/user/qy/index.vue b/src/views/user/qy/index.vue
index 5e2707c..9c5725d 100644
--- a/src/views/user/qy/index.vue
+++ b/src/views/user/qy/index.vue
@@ -57,7 +57,7 @@ watch(
       </el-form>
 
       <div class="grid-container">
-        <el-row :gutter="20">
+        <el-row :gutter="12">
           <el-col v-for="(item, index) in dataList" :key="index" :xs="24" :sm="12" :md="8" :lg="6">
             <el-card class="user-card" :body-style="{ padding: '8px 20px' }">
               <div class="card-wrapper">
@@ -108,7 +108,7 @@ watch(
 }
 
 .user-card {
-  margin-bottom: 20px;
+  margin-bottom: 12px;
   min-height: 210px;
   display: flex;
   flex-direction: column;
@@ -172,8 +172,8 @@ watch(
 }
 
 .grid-container {
-  margin: 20px 0;
-  padding-bottom: 60px;
+  margin: 12px 0;
+  padding-bottom: 0px;
   position: relative;
 
   .el-row {
@@ -184,13 +184,13 @@ watch(
 .pagination-wrapper {
   position: relative;
   background: var(--el-bg-color);
-  padding: 12px 12px;
+  padding: 8px 12px;
   margin-top: 20px;
   text-align: center;
 
   :deep(.el-pagination) {
     margin: 0;
-    padding: 8px 0;
+    padding: 0;
   }
 }