完善 增加fee数据

src/views/HomeView.vue

@@ -201,6 +201,7 @@ const getLiteTx = () => {
 }
 //获取更多信息
 let amount = ref('-')
+let fee = ref('-')
 let contract = ref('-')
 let tradingTimeArr = ref()
 let l1Tol2Tx = ref('-')
@@ -229,6 +230,7 @@ const getMoreInfo = () => {
   // })
   getAllZksSyncData(address.value).then((res:any)=>{
       amount.value = res.totalExchangeAmount
+      fee.value = res.totalFee
       contract.value = res.contractActivity
       tradingTimeArr.value = res.overTimeArr
       l1Tol2Tx.value = res.l1Tol2Times
@@ -486,14 +488,20 @@ const sunAndMoon = () => {
       <div class="item">
         <div class="top">
           <div class="img">
-            <img class="img" src="../assets/group4.svg" alt="group2">
+            <img class="img" src="../assets/group4.svg" alt="group2">USDT
           </div>
           <div class="title">
-            Total amount spent
+            <span style="width: 100px">amount</span>
+            <span>fee</span>
           </div>
         </div>
         <div class="number">
-          {{ amount }} USDT
+          <span class="number" style="width: 100px">
+                {{ amount }}
+          </span>
+          <span class="number">
+                {{fee}}
+          </span>
         </div>
       </div>
     </div>
@@ -653,6 +661,10 @@ const sunAndMoon = () => {
 
         .img {
           height: 16px;
+          display: flex;
+          align-items: center;
+          font-weight: 700;
+          gap:4px
         }
 
         .title {