From fdb8dd4adf894791fae05aa3f01e211e50eda356 Mon Sep 17 00:00:00 2001
From: 17792275749 <812100002@qq.com>
Date: Wed, 19 Aug 2026 13:47:26 +0800
Subject: [PATCH] =?UTF-8?q?style(meal):=20=E8=B0=83=E6=95=B4=E4=BD=99?=
 =?UTF-8?q?=E9=87=8F=E4=BF=A1=E6=81=AF=E5=88=97=E8=A1=A8=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=B8=8E=E5=AD=97=E5=8F=B7=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../mealSurplusInformation.vue                | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/views/mealSurplusInformation/mealSurplusInformation.vue b/src/views/mealSurplusInformation/mealSurplusInformation.vue
index 15fd4b8..c09a35e 100644
--- a/src/views/mealSurplusInformation/mealSurplusInformation.vue
+++ b/src/views/mealSurplusInformation/mealSurplusInformation.vue
@@ -46,9 +46,9 @@
                                 </div>
                             </template>
                         </div>
-                        <div class="content_l_list_progress">
-                            <div :style="{'width': item.progress}"></div>
-                        </div>
+<!--                        <div class="content_l_list_progress">-->
+<!--                            <div :style="{'width': item.progress}"></div>-->
+<!--                        </div>-->
                     </div>
                 </template>
                 <template v-for="item in 16 - nutritionList.length">
@@ -341,28 +341,28 @@ export default {
 
                 .content_l_list_name {
                     width: 100%;
-                    height: 24px;
+                    height: 30px;
                     display: flex;
                     flex-wrap: nowrap;
-                    margin-bottom: 28px;
+                    margin-bottom: 34px;
 
                     > div:nth-of-type(1) {
-                        width: 6px;
-                        height: 24px;
-                        border-radius: 3px;
+                        width: 8px;
+                        height: 30px;
+                        border-radius: 4px;
                         margin-right: 12px;
                     }
 
                     > div:nth-of-type(2) {
                         flex: 1;
-                        height: 24px;
-                        line-height: 24px;
-                        font-size: 20px;
+                        height: 30px;
+                        line-height: 30px;
+                        font-size: 26px;
                     }
 
                     > div:nth-of-type(3) {
-                        width: 24px;
-                        height: 24px;
+                        width: 30px;
+                        height: 30px;
                         background-repeat: no-repeat;
                         background-position: left bottom;
                         background-size: contain;
@@ -371,25 +371,25 @@ export default {
 
                 .content_l_list_margin {
                     width: 100%;
-                    height: 34px;
-                    font-size: 24px;
-                    line-height: 34px;
+                    height: 40px;
+                    font-size: 30px;
+                    line-height: 40px;
                     text-align: center;
-                    margin-bottom: 22px;
+                    margin-bottom: 28px;
 
                     span {
-                        font-size: 34px;
+                        font-size: 40px;
                         font-weight: bold;
                     }
                 }
 
                 .content_l_list_status {
                     width: 100%;
-                    height: 36px;
-                    margin-bottom: 16px;
+                    height: 42px;
+                    //margin-bottom: 16px;
 
                     .content_l_list_status_ {
-                        height: 36px;
+                        height: 42px;
                         display: flex;
                         flex-wrap: nowrap;
                         justify-content: center;
@@ -398,8 +398,8 @@ export default {
                         margin: 0 auto;
 
                         .content_l_list_status_icon {
-                            width: 20px;
-                            height: 20px;
+                            width: 22px;
+                            height: 22px;
                             background-repeat: no-repeat;
                             background-position: center;
                             background-size: contain;
@@ -407,15 +407,15 @@ export default {
                         }
 
                         .content_l_list_status_text {
-                            height: 16px;
-                            font-size: 16px;
-                            line-height: 16px;
+                            height: 22px;
+                            font-size: 22px;
+                            line-height: 22px;
                         }
 
                         .content_l_list_status_value {
-                            height: 14px;
-                            font-size: 14px;
-                            line-height: 14px;
+                            height: 22px;
+                            font-size: 22px;
+                            line-height: 22px;
                         }
                     }
                 }
@@ -505,7 +505,6 @@ export default {
                     }
 
                     .content_l_list_status_ {
-                        width: 200px;
                         background-color: #5A0A0A;
 
                         .content_l_list_status_icon {
@@ -554,7 +553,6 @@ export default {
                     }
 
                     .content_l_list_status_ {
-                        width: 200px;
                         background-color: #5A0A0A;
                         animation: lowStockStatusFlash .3s infinite alternate;