up

package-lock.json

@@ -8,6 +8,7 @@
       "name": "AONET",
       "version": "0.0.0",
       "dependencies": {
+        "@metamask/detect-provider": "^2.0.0",
         "aonweb": "^1.0.2",
         "aos": "^2.3.4",
         "axios": "^1.6.8",
@@ -1031,6 +1032,14 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@metamask/detect-provider": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@metamask/detect-provider/-/detect-provider-2.0.0.tgz",
+      "integrity": "sha512-sFpN+TX13E9fdBDh9lvQeZdJn4qYoRb/6QF2oZZK/Pn559IhCFacPMU1rMuqyXoFQF3JSJfii2l98B87QDPeCQ==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@noble/curves": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.4.0.tgz",
@@ -5040,6 +5049,11 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "@metamask/detect-provider": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@metamask/detect-provider/-/detect-provider-2.0.0.tgz",
+      "integrity": "sha512-sFpN+TX13E9fdBDh9lvQeZdJn4qYoRb/6QF2oZZK/Pn559IhCFacPMU1rMuqyXoFQF3JSJfii2l98B87QDPeCQ=="
+    },
     "@noble/curves": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.4.0.tgz",

package.json

@@ -11,6 +11,7 @@
     "type-check": "vue-tsc --build --force"
   },
   "dependencies": {
+    "@metamask/detect-provider": "^2.0.0",
     "aonweb": "^1.0.2",
     "aos": "^2.3.4",
     "axios": "^1.6.8",

src/App.vue

 <script setup lang="ts">
 import { RouterView } from 'vue-router'
+import Header from '@/components/Header.vue';
+
 </script>
 
 <template>
+	<Header></Header>
+
 	<RouterView />
 </template>
 

src/components/Header.vue

@@ -6,7 +6,7 @@
 		<div class="right">
 			<div class="right_count">
 				<img src="../assets/icons/money.png" class="moneyIcon"></img>
-				<span class="count">{{balanceValue}}</span>
+				<span class="count">{{ balanceValue }}</span>
 			</div>
 			<img src="../assets/icons/user.png" v-if="!isUserPage" class="userIcon" @click="goUser"></img>
 		</div>
@@ -16,11 +16,11 @@
 <script setup>
 import {
 	defineProps,
-	ref, 
+	ref,
 	onMounted,
 	computed
 } from 'vue';
-import { useRouter,useRoute } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import { User } from 'aonweb'
 
 import bus from '../eventBus.js';
@@ -54,21 +54,23 @@ const goUser = () => {
 
 
 const balance = async () => {
-	console.log("balance in")
-	let user = new User()
-	let result = await user.balance()
-	console.log("Header balance ",result)
-	if (result && result._balances && result._balances.length) {
-		let temp = result._balances[0]
-		balanceValue.value = temp / 1000000000000000000n
+	// console.log("balance in----")
+	try {
+		let user = new User()
+		let result = await user.balance()
+		console.log("Header balance ", result)
+		if (result && result._balances && result._balances.length) {
+			let temp = result._balances[0]
+			balanceValue.value = temp / 1000000000000000000n
+		}
+		console.log("Header balanceValue.value ", balanceValue.value)
+	} catch (error) {
+		console.log(error, "balance error")
 	}
-	console.log("Header balanceValue.value ",balanceValue.value)
+
 };
 
-bus.on('get_balance', (data) => {
-	console.log("get_balance",data)
-	balance()
-});
+
 
 const checkIfUserPage = () => {
 	isUserPage.value = route.path === '/user'
@@ -76,9 +78,10 @@ const checkIfUserPage = () => {
 
 onMounted(() => {
 	checkIfUserPage();
-	// eventBus.config.globalProperties.$on('balance', (data) => {
-    // 	handleBalance()
-    // });
+	bus.on('get_balance', (data) => {
+		console.log("get_balance", data)
+		balance()
+	});
 });
 
 </script>

src/views/Complete.vue

 <template>
-	<Header></Header>
-
-
 	<div class="user">
 
 		<div class="container complete">
@@ -28,11 +25,8 @@ import {
 	ref,
 } from 'vue';
 import { useRoute,useRouter } from 'vue-router'
-
-import Header from '../components/Header.vue';
 const router = useRouter()
 
-
 const goBack = () => {
 	router.back();
 }

src/views/Created.vue

 <template>
 	<div class="">
-		<Header></Header>
-
-
 		<div class="container created">
 			<div class="resCon">
 				<img class="res_img" :src="imageUrl" mode=""></img>
@@ -26,8 +23,6 @@ import {
 } from 'vue';
 import { useRoute, useRouter } from 'vue-router'
 import bus from '../eventBus.js';
-
-import Header from '../components/Header.vue';
 const router = useRouter()
 const route = useRoute()
 

src/views/Index.vue

 <template>
-	<Header></Header>
 	<Loading :showLoading="showLoading" />
 	<div>
 		<!-- 页面内容 -->
@@ -79,7 +78,6 @@ import { AI,AIOptions,User} from 'aonweb'
 import { getTemplate } from '../lib/getTemplate'
 
 import 'vant/lib/index.css';
-import Header from '../components/Header.vue';
 import Loading from '../components/Loading.vue';
 import bus from '../eventBus.js';
 

src/views/User.vue

 <template>
-	<Header></Header>
-
 	<div class="user">
 		<div class="container">
 			<div class="ava-con">
@@ -41,13 +39,9 @@ import {
 import { useRouter } from 'vue-router'
 import { Options, User } from 'aonweb'
 import { showToast } from 'vant';
-
-import Header from '../components/Header.vue';
+import detectEthereumProvider from '@metamask/detect-provider';
 import bus from '../eventBus.js';
 
-
-
-
 const router = useRouter()
 
 const account = ref('')
@@ -76,25 +70,31 @@ function goToComplete() {
 // https://app.aonet.ai/kvapi
 async function getAccount() {
 
-	//User 的使用方法
-	let user = new User()
-	if (!await user.islogin()) {
-		await user.login((acc,userId,error) => {
-			console.log("getWeb3 account",acc)
-			console.log("getWeb3 userId",userId)
-			console.log("getWeb3 error",error)
-			account.value = acc
-			bus.emit('get_balance',"login");
-			// eventBus.config.globalProperties.$emit('balance');
-		})
-	} else {
-		let ethereum = await detectEthereumProvider()
-		let get_account = await ethereum.request({ method: 'eth_requestAccounts' })
-		get_account = get_account[0]
-		account.value = get_account
-		bus.emit('get_balance',"login");
+	try {
+		//User 的使用方法
+		let user = new User()
+		const isLogin_status = await user.islogin()
+		console.log(isLogin_status, 'isLogin_status')
+		if (!isLogin_status) {
+			await user.login((acc, userId, error) => {
+				console.log("getWeb3 account", acc)
+				console.log("getWeb3 userId", userId)
+				console.log("getWeb3 error", error)
+				account.value = acc
+				bus.emit('get_balance', "login");
+				// eventBus.config.globalProperties.$emit('balance');
+			})
+		} else {
+			let ethereum = await detectEthereumProvider()
+			let get_account = await ethereum.request({ method: 'eth_requestAccounts' })
+			get_account = get_account[0]
+			account.value = get_account
+			bus.emit('get_balance', "login");
+		}
+	} catch (error) {
+		console.log(error, "getAccount error")
 	}
-	
+
 	// console.log("getWeb3 account", addr)
 	// account.value = addr[0]