完善 增加fee数据

src/views/ZksyncView.vue

@@ -209,6 +209,7 @@ const getLiteTx = () => {
 }
 //获取更多信息
 let amount = ref('-')
+let fee = ref('-')
 let contract = ref('-')
 let tradingTimeArr = ref()
 let l1Tol2Tx = ref('-')
@@ -237,6 +238,7 @@ const getMoreInfo = () => {
   // })
   getAllZksSyncData(addressStore.address).then((res:any)=>{
     amount.value = res.totalExchangeAmount
+    fee.value = res.totalFee
     contract.value = res.contractActivity
     tradingTimeArr.value = res.overTimeArr
     l1Tol2Tx.value = res.l1Tol2Times
@@ -392,14 +394,20 @@ const toEmail = (email:string) => {
           <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>
           <img src="../assets/zks.svg" alt="zks">
@@ -758,6 +766,11 @@ const toEmail = (email:string) => {
         padding-left: 60px;
         padding-right: 100px;
         border-bottom: 1px solid var(--vt-c-border);
+        .img{
+          display: flex;
+          align-items: center;
+          font-weight: 700;
+        }
       }
       .leftBottom {
         display: flex;