完成增加官方跨链数统计

src/assets/L1-To-L2.svg

@@ -0,0 +1,5 @@
+<svg width="58" height="18" viewBox="0 0 58 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.882 3.542H2.142V12.74H7.378V13.832H0.882V3.542ZM12.5055 13.832H11.3015V4.9H11.2735L9.2435 6.552V5.278L11.4555 3.542H12.5055V13.832Z" fill="#020204"/>
+<path d="M31.4334 9.58339L28.3044 12.7124L29.1294 13.5374L33.6667 9.00006L29.1294 4.46283L28.3044 5.28778L31.4334 8.41673H24.3333V9.58339H31.4334Z" fill="#020204"/>
+<path d="M42.882 3.542H44.142V12.74H49.378V13.832H42.882V3.542ZM50.5015 12.768L53.8335 8.792C54.3375 8.204 54.7015 7.714 54.9255 7.322C55.1588 6.91133 55.2755 6.48667 55.2755 6.048C55.2755 5.50667 55.1122 5.10067 54.7855 4.83C54.4682 4.56867 54.0435 4.438 53.5115 4.438C52.9795 4.438 52.5362 4.578 52.1815 4.858C51.8268 5.138 51.6075 5.516 51.5235 5.992H50.2775C50.3615 5.44133 50.5575 4.97 50.8655 4.578C51.1828 4.17667 51.5748 3.87333 52.0415 3.668C52.4802 3.45333 52.9842 3.346 53.5535 3.346C54.4308 3.346 55.1448 3.57933 55.6955 4.046C56.2555 4.51267 56.5355 5.18 56.5355 6.048C56.5355 6.44 56.4562 6.832 56.2975 7.224C56.1108 7.62533 55.9195 7.96133 55.7235 8.232C55.5462 8.47467 55.2475 8.83867 54.8275 9.324L54.3935 9.828L51.9715 12.754V12.768H56.6895V13.832H50.5015V12.768Z" fill="#020204"/>
+</svg>

src/assets/L2-To-L1.svg

@@ -0,0 +1,5 @@
+<svg width="58" height="18" viewBox="0 0 58 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.882 3.542H2.142V12.74H7.378V13.832H0.882V3.542ZM8.5015 12.768L11.8335 8.792C12.3375 8.204 12.7015 7.714 12.9255 7.322C13.1588 6.91133 13.2755 6.48667 13.2755 6.048C13.2755 5.50667 13.1122 5.10067 12.7855 4.83C12.4682 4.56867 12.0435 4.438 11.5115 4.438C10.9795 4.438 10.5362 4.578 10.1815 4.858C9.82683 5.138 9.6075 5.516 9.5235 5.992H8.2775C8.3615 5.44133 8.5575 4.97 8.8655 4.578C9.18283 4.17667 9.57483 3.87333 10.0415 3.668C10.4802 3.45333 10.9842 3.346 11.5535 3.346C12.4308 3.346 13.1448 3.57933 13.6955 4.046C14.2555 4.51267 14.5355 5.18 14.5355 6.048C14.5355 6.44 14.4562 6.832 14.2975 7.224C14.1108 7.62533 13.9195 7.96133 13.7235 8.232C13.5462 8.47467 13.2475 8.83867 12.8275 9.324L12.3935 9.828L9.9715 12.754V12.768H14.6895V13.832H8.5015V12.768Z" fill="#020204"/>
+<path d="M31.4334 9.58339L28.3044 12.7124L29.1294 13.5374L33.6666 9.00006L29.1294 4.46283L28.3044 5.28778L31.4334 8.41673H24.3333V9.58339H31.4334Z" fill="#020204"/>
+<path d="M42.882 3.542H44.142V12.74H49.378V13.832H42.882V3.542ZM54.5055 13.832H53.3015V4.9H53.2735L51.2435 6.552V5.278L53.4555 3.542H54.5055V13.832Z" fill="#020204"/>
+</svg>

src/utils/getZkSyncBridge.js

@@ -197,13 +197,13 @@ async function getZkSyncBridge(address) {
             totalExchangeAmount: totalExchangeAmount.toFixed(2),
             // totalFee: totalFee.toFixed(4),
             contractActivity,
-            overTimeArr: initResponse.data.list
+            overTimeArr: initResponse.data.list,
             // dayActivity,
             // weekActivity,
             // monthActivity,
-            // l1Tol2Times,
+            l1Tol2Times,
             // l1Tol2Amount: l1Tol2Amount.toFixed(3),
-            // l2Tol1Times,
+            l2Tol1Times,
             // l2Tol1Amount: l2Tol1Amount.toFixed(3)
         }
     } catch (e) {
@@ -216,7 +216,10 @@ async function getZkSyncBridge(address) {
             // dayActivity: "Error",
             // weekActivity: "Error",
             // monthActivity: "Error",
-            // l1Tol2Times: "Error", l1Tol2Amount: "Error", l2Tol1Times: "Error", l2Tol1Amount: "Error"
+            l1Tol2Times: "0",
+            // l1Tol2Amount: "Error",
+            l2Tol1Times: "0",
+            // l2Tol1Amount: "Error"
         }
     }
 }

src/views/HomeView.vue

@@ -176,20 +176,28 @@ const getLiteTx = () => {
 let amount = ref(0)
 let contract = ref(0)
 let tradingTimeArr = ref()
+let l1Tol2Tx = ref(0)
+let l2Tol1Tx = ref(0)
 const getMoreInfo = () => {
   getZkSyncBridge(address.value).then((
       {
           totalExchangeAmount,
           contractActivity,
           overTimeArr,
+          l1Tol2Times,
+          l2Tol1Times
       }:{
         totalExchangeAmount:number
         contractActivity:number
         overTimeArr:any
+        l1Tol2Times:number
+        l2Tol1Times:number
       }) => {
     amount.value = totalExchangeAmount
     contract.value = contractActivity
     tradingTimeArr.value = overTimeArr
+    l1Tol2Tx.value = l1Tol2Times
+    l2Tol1Tx.value = l2Tol1Times
     processTime()
   })
 }
@@ -392,6 +400,28 @@ const toEmail = (email:string) => {
           <img @click="toLink('https://explorer.zksync.io/')" style="cursor: pointer" src="../assets/arrow-right-up-line.svg" alt="arrow">
         </div>
       </div>
+      <div class="item" style="height: 94px">
+        <div class="top">
+          <div class="img">
+            <img class="img" src="../assets/official-bridge-black.svg" alt="group2">
+          </div>
+          <div style="display: flex;gap:40px">
+            <div style="display: flex;flex-direction: column;gap:20px">
+              <img src="../assets/L1-To-L2.svg" alt="To">
+              <div class="number">
+                {{ l1Tol2Tx }}
+              </div>
+            </div>
+            <div style="display: flex;flex-direction: column;gap:20px">
+              <img src="../assets/L2-To-L1.svg" alt="To">
+              <div class="number">
+                {{ l2Tol1Tx }}
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
       <div class="item">
         <div class="top">
           <div class="img">