From 71ad7e0b66ff965c4879d52142d0f9ce23c5182c Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Wed, 16 Aug 2023 13:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=87=E7=A4=BA=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LiquidHandle.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/LiquidHandle.vue b/src/components/LiquidHandle.vue
index ba94f37..39d05fb 100644
--- a/src/components/LiquidHandle.vue
+++ b/src/components/LiquidHandle.vue
@@ -100,7 +100,9 @@
         :style="{
           '--height': `${(disinfectantCapacity / 5000) * 427}px`,
         }"
-      ></div>
+      >
+        <p class="indicator">{{ disinfectantCapacity }}g</p>
+      </div>
     </div>
     <LiquidModal
       v-if="tabType == 2 && tipModalVisible"
@@ -278,6 +280,18 @@ const { disinfectantCapacity } = storeToRefs(deviceStore)
       height: var(--height);
       border-radius: 0px 12px 12px 0px;
       background: linear-gradient(0deg, #06518b 0%, rgba(6, 81, 139, 0.7) 58%);
+      .indicator {
+        position: absolute;
+        top: -10px;
+        right: -50px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 500;
+        line-height: normal;
+        letter-spacing: 0.06em;
+
+        color: #06518b;
+      }
     }
   }
 }