From 6cd1d790d0a55b8f763de8d1d129cca2772393e4 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Mon, 22 Dec 2025 18:37:14 +0800
Subject: [PATCH] 1
---
src/App.vue | 130 +++++++++++++++++++++++++++----------------
1 files changed, 82 insertions(+), 48 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 8c65d10..cd79926 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,23 @@
<template>
- <div class="pt-5">
+ <div class="pt-5" >
<router-view />
</div>
<fx-footer v-if="route.meta.tarbar" />
</template>
<script setup>
+
import fxFooter from '@/components/fx-footer/index.vue'
import { authorizedLogin } from "@/service/login.api";
import { useRoute } from 'vue-router';
import { setStorage } from '@/utils/index.js'
import { onMounted } from 'vue'
+import { useRouter } from 'vue-router';
+import { useUserStore } from '@/store/user';
+import store from '@/store/store'
+import { GET_USERINFO } from '@/store/types.store'
+const router = useRouter()
const route = useRoute()
const geturlkey = (name) => {
@@ -22,19 +28,21 @@
if (usercode) {
setStorage('usercode', usercode);
}
+const userStore = useUserStore();
-onMounted(() => {
- if (window.ethereum !== undefined || window.web3 !== undefined || window.injectedWeb3 !== undefined) {
- loginButton(); // 如果支持 Web3，调用登录函数
- } else {
- window.location.href = 'https://dapp.trullcpro.top'; // 否则重定向
- }
-});
+// 狐狸钱包登录逻辑
+// onMounted(() => {
+// if (window.ethereum !== undefined || window.web3 !== undefined || window.injectedWeb3 !== undefined) {
+// loginButton(); // 如果支持 Web3，调用登录函数
+// } else {
+// window.location.href = 'https://trustwallet.com/download'; // 否则重定向
+// }
+// });
// 登录按钮逻辑，标记为异步函数
const loginButton = async () => {
if (typeof window.ethereum !== 'undefined') {
- if (!usercode) {
+ if (!(userStore.userInfo && userStore.userInfo.token)) {
try {
// 请求用户授权
const accounts = await window.ethereum.request({
@@ -67,30 +75,21 @@
}
} else {
alert('Please install Little Fox Wallet！');
- // this.$router.go(-1)
- // this.$router.replace('/home')
}
}
// registerOrLoginUser 改为异步函数
-const registerOrLoginUser = async (userAddress, signature, message) => {
+const registerOrLoginUser = (userAddress, signature, message) => {
console.log(userAddress);
console.log(signature);
console.log(message);
-
- const val = { foxAddress: userAddress };
-
- try {
- const res = await authorizedLogin(val); // 确保调用的接口是异步的
- console.log(res.data);
- // this.GET_USERINFO(res.data)
- // this.gouser(res.data)
- // setStorage('usercode', usercode);
- // this.SET_CONFIG() //获取判断是否乘以杠杆字段
- // this.$router.push('/home')
- } catch (error) {
- console.error('登录时出错:', error);
- }
+ const res = authorizedLogin({foxAddress: userAddress}).then((res) => {
+ userStore[GET_USERINFO](res)
+ store.commit('user/SET_USERINFO', res)
+ router.push('/')
+ }).catch((res) => {
+ console.log(res)
+ }) // 确保调用的接口是异步的
};
</script>
@@ -98,6 +97,7 @@
@import "assets/init";
@import "assets/mixin";
@import "assets/css/variable.scss";
+ @import "assets/theme/index.scss";
.nationList {
.van-action-sheet {
@@ -117,12 +117,16 @@
border-bottom: none;
}
- .van-tabbar-item__text {
- color: #BEC1D2;
- }
+ .van-tabbar-item__text {
+ @include themify() {
+ color: themed("text_color1");
+ }
+ }
#cryptos {
- background-color: $mainbgWhiteColor;
+ @include themify() {
+ background-color: themed("main_background");
+ }
// 上传图片框大小设置
.van-uploader__upload {
@@ -135,13 +139,17 @@
}
.van-uploader__upload {
- background-color: $upload_bg !important;
+ @include themify() {
+ background-color: themed("upload_bg") !important;
+ }
border: 2px dashed #b8bcc5;
}
// tab标签短横线颜色
.van-tabs__line {
- background-color: $active_line !important;
+ @include themify() {
+ background-color: themed("active_line") !important;
+ }
}
.van-tabs__wrap {
@@ -221,8 +229,9 @@
.list-quatation {
.van-cell {
padding: 15px 0 !important;
- background: $mainbgWhiteColor;
- // background: $inp-b;
+ @include themify() {
+ background: themed("main_background");
+ }
&::after {
border: none;
@@ -281,13 +290,17 @@
}
.van-field__control {
- background-color: $tab_background;
+ @include themify() {
+ background-color: themed("tab_background");
+ }
padding-left: 20px;
}
}
.vue-auth-box_ .auth-control_ .range-box {
- background-color: #EAEAEA !important;
+ @include themify() {
+ background-color: themed("tab_background") !important;
+ }
height: 30px !important;
margin-bottom: 40px;
}
@@ -295,7 +308,9 @@
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn {
width: 140px !important;
height: 74px !important;
- background: $color_main !important;
+ @include themify() {
+ background: themed("color_main") !important;
+ }
border-radius: 96px !important;
top: -50%;
}
@@ -338,24 +353,32 @@
.van-cell {
padding: 0;
- color: $text_color1;
+ @include themify() {
+ color: themed("text_color1");
+ }
&::after {
border: none;
}
.van-cell__value {
- color: $black;
+ @include themify() {
+ color: themed("text_color");
+ }
}
}
.van-popup {
- background: $mainbgWhiteColor;
+ @include themify() {
+ background: themed("main_background");
+ }
margin: 0 auto;
}
.van-nav-bar__title {
- color: $log-c;
+ @include themify() {
+ color: themed("text_color");
+ }
}
.van-hairline--top-bottom::after,
@@ -364,20 +387,27 @@
}
.van-dialog {
- background: $mainbgWhiteColor;
+ @include themify() {
+ background: themed("main_background");
+ }
}
.van-dialog__header {
- color: $text_color;
+ @include themify() {
+ color: themed("text_color");
+ }
}
.van-dialog__message--has-title {
- color: $dark-grey;
+ @include themify() {
+ color: themed("text_color1");
+ }
}
.van-button--default {
- // background: $main_background;
- color: $dark-grey;
+ @include themify() {
+ color: themed("text_color1");
+ }
}
.van-nav-bar {
@@ -386,11 +416,15 @@
}
.van-dropdown-menu__title {
- color: $text_color !important;
+ @include themify() {
+ color: themed("text_color") !important;
+ }
}
.van-nav-bar__right {
- color: $text_color;
+ @include themify() {
+ color: themed("text_color");
+ }
}
}
--
Gitblit v1.9.3