From 829d6c045b65781e9ffcef04fd26bea0d0c529fa Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sat, 20 Sep 2025 15:18:06 +0800
Subject: [PATCH] 1
---
src/page/user/account.vue | 64 ++++++++++++++++++++++----------
1 files changed, 44 insertions(+), 20 deletions(-)
diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index 07c1fb0..f51411f 100644
--- a/src/page/user/account.vue
+++ b/src/page/user/account.vue
@@ -12,30 +12,25 @@
</template>
</tab-head>
- <div class="wallet">
+ <!-- <div class="wallet">
<div class="wallet_title flex-start">
<img src="@/assets/img/钱袋.png" alt="" />
<span>{{ $t("hj244") }}</span>
</div>
- <div class="wallet_price flex-between">
- <span>{{ moneyData.symbol }} {{ moneyData.totalMoney }}</span>
- <span>{{ moneyData.symbol }} {{ moneyData.availableBalance }}</span>
- </div>
-
- <div class="wallet_price_name flex-between">
- <span>{{ $t("hometips") }}</span>
- <span>{{ $t("hj48") }}</span>
+ <div class="wallet_record flex-center" @click="toPage('/wallet')">
+ <span>{{ $t("我的钱包") }}</span>
+ <van-icon name="play" size=".5em" />
</div>
<div class="wallet_record flex-center" @click="toPage('/Record')">
<span>{{ $t("账户变动记录") }}</span>
<van-icon name="play" size=".5em" />
</div>
- </div>
+ </div> -->
<div class="account_tabs flex-between">
- <div class="tab flex-center" @click="toPage('/recharge')">
+ <div class="tab flex-center" @click="czts()">
<img src="@/assets/img/cz.png" alt="" />
<span>{{ $t("hj172") }}</span>
</div>
@@ -43,13 +38,19 @@
<img src="@/assets/img/tx.png" alt="" />
<span>{{ $t("subdka") }}</span>
</div>
+ <div class="tab flex-center" @click="toPage('/wallet')">
+ <div class="qb_icon flex-center">
+ <img src="@/assets/img/qb.png" alt="" />
+ </div>
+ <span>{{ $t("hj244") }}</span>
+ </div>
<div class="tab flex-center" @click="toPage('/rechargelist')">
<img src="@/assets/img/jl.png" alt="" />
<span>{{ $t("jl") }}</span>
</div>
</div>
- <div class="account_loan flex-between" @click="toPage('/loan')">
+ <!-- <div class="account_loan flex-between" @click="toPage('/loan')">
<div class="loan_left">
<p class="loan_left_title">{{ $t("待还款金额") }}</p>
<p>$ {{ userInfo.refundAmount || 0 }}</p>
@@ -58,7 +59,7 @@
{{ $t("我的贷款") }}
<van-icon name="play" style="margin-left:.5em" />
</div>
- </div>
+ </div> -->
<div class="account_card">
<div class="held_head flex-between">
@@ -220,6 +221,7 @@
</template>
<script>
+import { Toast } from "vant";
import tabHead from "@/components/tabHead.vue";
import * as api from "@/axios/api";
export default {
@@ -230,7 +232,7 @@
data() {
return {
userInfo: {}, // 用户信息
- moneyData: {}, // 账户金额
+ moneyData: [], // 账户金额, 包含可用余额数组
positionData: {} // 账户持仓数据
};
},
@@ -239,7 +241,7 @@
async getMoney() {
let data = await api.getMoney();
if (data.status === 0) {
- this.moneyData = data.data[0];
+ this.moneyData = data.data;
}
},
// 获取账户持仓数据
@@ -265,6 +267,10 @@
toPage(url) {
if (!url) return;
this.$router.push(url);
+ },
+ // 充值提示
+ czts() {
+ Toast(this.$t("充值提示"));
}
},
created() {
@@ -400,7 +406,7 @@
}
.account_tabs {
- box-shadow: 0 -0.26667rem 0.53333rem #1a00394d;
+ // box-shadow: 0 -0.26667rem 0.53333rem #1a00394d;
width: 100%;
padding: 0.4em 0.25em 0.5em;
background-color: #f1f1f1;
@@ -424,7 +430,20 @@
font-size: 0.42em;
}
- img {
+ .qb_icon {
+ width: 1.6em;
+ height: 1.6em;
+ background-color: rgba(@green, 0.2);
+ border-radius: 50%;
+ margin-bottom: 0.3em;
+
+ img {
+ width: 1em;
+ height: auto;
+ }
+ }
+
+ & > img {
width: 1.6em;
margin-bottom: 0.3em;
}
@@ -440,19 +459,24 @@
color: #fff;
.wallet_record {
color: @green;
- margin-top: 0.5em;
- padding: 0.5em;
+ // margin-top: 0.5em;
+ padding: 0.3em;
border-top: 0.01em solid rgba(#fff, 0.1);
span {
font-size: 0.4em;
}
}
.wallet_price_name {
- padding: 0 0.25em;
+ padding: 0 0.25em 0.25em;
span {
font-size: 0.3em;
}
}
+ .wallet_i_title {
+ border-top: rgba(#fff, 0.1) solid 0.01em;
+ font-size: 0.4em;
+ padding: 0.6em 0;
+ }
.wallet_price {
color: #f7b52b;
padding: 0 0.25em;
--
Gitblit v1.9.3