From 9be98d208368e4b002afc950dc43353cb77060fe Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Thu, 23 Jan 2025 09:33:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83=E8=BF=90=E8=A1=8C=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=BA=9F=E6=96=99=E7=AE=B1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Index/Regular/Running.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/pages/Index/Regular/Running.vue b/src/pages/Index/Regular/Running.vue
index 6014415..03e5db2 100644
--- a/src/pages/Index/Regular/Running.vue
+++ b/src/pages/Index/Regular/Running.vue
@@ -390,17 +390,23 @@ watch(
 
       .waste-area {
         border-radius: 12px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
+        // display: flex;
+        // flex-direction: column;
+        // justify-content: center;
+        // align-items: center;
+        position: relative;
         transition: all 0.3s ease;
         background-color: #5cb85c;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+        margin-bottom: 6px;
         &.isFull {
           background-color: #d9534f;
         }
         .waste-text {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translateX(-50%) translateY(-60%);
           font-size: 26px;
           font-weight: 600;
           color: #ffffff;
@@ -410,7 +416,10 @@ watch(
           text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
         }
         .full-state {
-          margin-top: 8px;
+          position: absolute;
+          left: 50%;
+          bottom: 55px;
+          transform: translateX(-50%);
           color: #fff;
           font-size: 20px;
           font-weight: bold;