@@ -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;
}
}
\ 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
({ // 分页配置
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(
-
+
@@ -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;
}
}