From 0c41b523aafaf40e11cb0c260c8aa8db22645b65 Mon Sep 17 00:00:00 2001
From: xjs <xjs@ycymedu.com>
Date: Tue, 27 May 2025 15:40:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2dom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/PaymentTotal.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/views/components/PaymentTotal.vue b/src/views/components/PaymentTotal.vue
index 7e46b79..64cf3ba 100644
--- a/src/views/components/PaymentTotal.vue
+++ b/src/views/components/PaymentTotal.vue
@@ -3,13 +3,13 @@
     <SvgComponent :content="groupSvg" class="w-[544px] h-[210px]" />
     <div class="w-full h-full absolute top-0 left-0 pt-[31px] pb-[21px] pl-[14px] pr-[19px] flex items-center">
       <div class="w-[216px]">
-        <div class="relative w-[154px] h-[124px] flex items-center flex-col">
+        <div class="w-[154px] h-[124px] flex items-center flex-col">
           <div class="text-[#44C1EF] italic text-[20px] font-700">总缴费</div>
           <div class="mb-[15px] z-10 font-700 leading-[1] flex items-baseline">
             <span class="text-[40px] italic text-color" :data-text="`${paymentData.chargeTotal || 0}`">{{paymentData.chargeTotal ||0}}</span>
             <span class="text-[20px] text-color" data-text="人">人</span>
           </div>
-          <SvgComponent :content="lightningBoxSvg" class="box-light absolute" />
+          <SvgComponent :content="lightningBoxSvg" class="box-light translate-y-[-70%]" />
         </div>
         <div>
           <div class="flex items-center justify-between text-[12px]">
@@ -23,13 +23,16 @@
         </div>
         <YProgress :percentage="Math.round(paymentData.chargeTotal/paymentData.estimatedTotal * 100)" height="12px" class="mt-[7px]" />
       </div>
-      <div class="ml-[4px] relative w-[143px] h-[143px]">
+      <div class="ml-[4px] relative w-[143px] h-[143px] flex flex-col">
         <ProportionCharts :chart-data="chartData" class="" />
         <div
-          class="text-[18px] text-[#fff] font-700 text-shadow-[0_0_10px_rgba(12,32,72,0.42)] italic absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-3">
-          缴费
-          <br />
-          占比
+          class="w-max h-max text-[18px] text-[#fff] font-700  italic  translate-x-[150%] translate-y-[-185%] flex flex-col">
+          <span>
+            缴费
+          </span>
+          <span>
+            占比
+          </span>
         </div>
       </div>
       <ul class="ml-[10px] flex flex-col justify-evenly h-full flex-1">