From e441ee353727747c1d6e15666e83d7c7127043da Mon Sep 17 00:00:00 2001
From: 17792275749 <812100002@qq.com>
Date: Mon, 9 Feb 2026 16:26:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E8=A1=A5=E9=A4=90=E5=B1=8F?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=9D=A1=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mealSurplusInformation.vue                | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/mealSurplusInformation/mealSurplusInformation.vue b/src/views/mealSurplusInformation/mealSurplusInformation.vue
index 911f9a2..72b343a 100644
--- a/src/views/mealSurplusInformation/mealSurplusInformation.vue
+++ b/src/views/mealSurplusInformation/mealSurplusInformation.vue
@@ -298,16 +298,24 @@ export default {
             display: flex;
             flex-wrap: wrap;
             align-content: flex-start;
-            column-gap: 24px;
-            row-gap: 24px;
 
             .content_l_list {
                 width: 336px;
                 height: 222px;
+                margin-right: 24px;
+                margin-bottom: 24px;
                 padding: 24px 24px 0;
                 border-radius: 12px;
                 box-sizing: border-box;
 
+                &:nth-child(4n) {
+                    margin-right: 0;
+                }
+
+                &:nth-child(n+13) {
+                    margin-bottom: 0;
+                }
+
                 .content_l_list_name {
                     width: 100%;
                     height: 24px;
@@ -392,6 +400,7 @@ export default {
                 .content_l_list_progress {
                     width: 100%;
                     height: 12px;
+                    overflow: hidden;
                     border-radius: 6px;
 
                     > div {
@@ -623,25 +632,25 @@ export default {
                             width: 50%;
                             padding-left: 24px;
                             box-sizing: border-box;
-                            height: 18px;
+                            height: 20px;
                             display: flex;
                             flex-wrap: nowrap;
                             align-items: flex-end;
-                            margin-bottom: 22px;
+                            margin-bottom: 20px;
 
                             > div:nth-of-type(1) {
-                                height: 18px;
+                                height: 20px;
                                 font-size: 18px;
-                                line-height: 18px;
+                                line-height: 20px;
                                 white-space: nowrap;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                             }
 
                             > div:nth-of-type(2) {
-                                height: 14px;
+                                height: 16px;
                                 font-size: 14px;
-                                line-height: 14px;
+                                line-height: 16px;
                                 margin-left: 8px;
                             }
                         }