From 836a56418f932086e4221cb6c5e6a56f1c0dfecf Mon Sep 17 00:00:00 2001
From: 李 <344137771@qq.com>
Date: Fri, 22 May 2026 15:07:30 +0800
Subject: [PATCH] 1
---
src/App.vue | 168 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 118 insertions(+), 50 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 8c65d10..ed225b4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,41 @@
<template>
- <div class="pt-5">
- <router-view />
+ <div class="app-root">
+ <div class="app-content-wrap" :class="{ 'app-content-wrap--no-bottom-padding': noBottomPadding, 'app-content-wrap--account-change': accountChangeWrap }">
+ <router-view />
+ </div>
</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 { onMounted, computed } 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()
+
+// /quotes/index 页面不需要顶部 pt-5
+const applyTopPadding = computed(() => {
+ const path = route.path
+ return path !== '/quotes' && path !== '/quotes/index'
+})
+
+// 某些页面（如 aiDetail、airdrop）不需要底部 padding，由路由控制
+const noBottomPadding = computed(() => {
+ const path = route.path
+ return path === '/my/aiDetail' || path === '/my/airdrop'
+})
+
+// 账变记录页 .app-content-wrap 背景色 #F6F5FA
+const accountChangeWrap = computed(() => route.path === '/cryptos/accountChange')
const geturlkey = (name) => {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
@@ -22,19 +45,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 +92,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 +114,24 @@
@import "assets/init";
@import "assets/mixin";
@import "assets/css/variable.scss";
+ @import "assets/theme/index.scss";
+
+ .app-root {
+ min-height: 100vh;
+ background-color: #f6f5fa;
+ }
+ .app-content-wrap {
+ background-color: #ffffff;
+ border-radius: 12px 12px 0 0;
+ min-height: calc(100vh - 8px);
+ padding-bottom: 70px;
+ }
+ .app-content-wrap--no-bottom-padding {
+ padding-bottom: 0 !important;
+ }
+ .app-content-wrap--account-change {
+ background-color: #F6F5FA;
+ }
.nationList {
.van-action-sheet {
@@ -117,12 +151,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 +173,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 +263,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 +324,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 +342,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 +387,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 +421,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 +450,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