From fc82f01e5b0c8d794f575745f27435653d7e892c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AF=92?= <herry.zhang@better-verse.com>
Date: Mon, 17 Jul 2023 17:02:06 +0800
Subject: [PATCH] icon

---
 src/components/DataStatistics.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/DataStatistics.vue b/src/components/DataStatistics.vue
index e2e256e..761ad28 100644
--- a/src/components/DataStatistics.vue
+++ b/src/components/DataStatistics.vue
@@ -25,27 +25,32 @@
 </template>
 <script setup>
 import axios from '@/utils/http'
-const { proxy } = getCurrentInstance()
 import { reactive, onMounted, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 onMounted(() => {
   getData()
 })
 
 const newData = reactive([])
+
+function getIcon(iconName) {
+  return new URL(`../assets/img/dataStatistics/${iconName}.png`, import.meta.url).href
+}
+
 const dataStatistics = reactive([
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/blockLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('blockLogo'),
     title: '区块总数'
   },
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/storageLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('storageLogo'),
     title: '总交易数'
   },
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/backupLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('backupLogo'),
     title: '智能合约数'
   }
 ])
-- 
Gitee