From 416079e676643b4e808ce3cc403963d5aba3acf1 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 25 Aug 2025 15:00:27 +0800
Subject: [PATCH] 1
---
src/page/user/account.vue | 63 ++++++++++++++++++++++++-------
1 files changed, 49 insertions(+), 14 deletions(-)
diff --git a/src/page/user/account.vue b/src/page/user/account.vue
index a9faea6..cac7b5f 100644
--- a/src/page/user/account.vue
+++ b/src/page/user/account.vue
@@ -11,7 +11,11 @@
alt=""
@click="$store.dispatch('CustomerService')"
/>
- <img src="@/assets/img/setting.png" alt="" />
+ <img
+ src="@/assets/img/setting.png"
+ alt=""
+ @click="$router.push('/setting')"
+ />
</div>
</div>
@@ -24,12 +28,12 @@
</div>
</div>
</div>
- <div class="all-assets flex-between">
+ <div class="all-assets flex-center">
<div class="assets-item flex-center">
<div class="all-size">{{ $t("hj48") }}</div>
<div class="big-size">{{ moneyData.availableBalance }}</div>
</div>
- <div class="assets-item flex-center">
+ <div class="assets-item flex-center" style="align-items: end;">
<div class="all-size">{{ $t("账户盈亏") }}</div>
<div class="big-size">{{ moneyData.cumulativeProfitAndLoss }}</div>
</div>
@@ -40,18 +44,28 @@
</div>
</div>
- <div class="tui-spendMoney flex-between">
- <div class="tui-rightItem flex-center" v-for="i in tabs" :key="i.name">
+ <div class="tui-spendMoney flex-between-start">
+ <div class="tui-rightItem flex-center" @click="czts">
+ <img src="@/assets/img/account_1.png" />
+ <div class="text">{{ this.$t("hj172") }}</div>
+ </div>
+ <div
+ class="tui-rightItem flex-center"
+ v-for="i in tabs"
+ :key="i.name"
+ @click="toPage(i.path)"
+ >
<img :src="i.img" />
<div class="text">{{ i.name }}</div>
</div>
</div>
- <my-order></my-order>
+ <my-order :Operation="true"></my-order>
</div>
</template>
<script>
+import { Toast } from "vant";
import tabHead from "@/components/tabHead.vue";
import myOrder from "@/page/user/myOrder.vue";
import * as api from "@/axios/api";
@@ -67,11 +81,26 @@
moneyData: {}, // 账户金额
positionData: {}, // 账户持仓数据
tabs: [
- { name: this.$t("hj172"), img: require("@/assets/img/account_1.png") },
- { name: this.$t("hj177"), img: require("@/assets/img/account_2.png") },
- { name: this.$t("hj168"), img: require("@/assets/img/account_3.png") },
- { name: this.$t("hj162"), img: require("@/assets/img/account_4.png") },
- { name: this.$t("hj247"), img: require("@/assets/img/account_5.png") }
+ {
+ name: this.$t("hj177"),
+ img: require("@/assets/img/account_2.png"),
+ path: "/RechargeSure"
+ },
+ {
+ name: this.$t("hj168"),
+ img: require("@/assets/img/account_3.png"),
+ path: "/rechargelist"
+ },
+ {
+ name: this.$t("hj162"),
+ img: require("@/assets/img/account_4.png"),
+ path: "/cashlist"
+ },
+ {
+ name: this.$t("hj247"),
+ img: require("@/assets/img/account_5.png"),
+ path: "/banklist"
+ }
]
};
},
@@ -106,7 +135,11 @@
toPage(url) {
if (!url) return;
this.$router.push(url);
- }
+ },
+ // 充值提示
+ czts() {
+ Toast(this.$t("充值提示"));
+ },
},
created() {
this.getUserInfo();
@@ -131,7 +164,7 @@
flex-direction: column;
.text {
width: 100%;
- font-size: 0.35rem;
+ font-size: 0.3rem;
font-weight: 500;
padding-top: 0.15rem;
text-align: center;
@@ -152,9 +185,11 @@
padding: 0.225rem 0 0.35rem;
justify-content: space-evenly;
.assets-item {
- width: 33.33%;
+ width: 50%;
flex-shrink: 0;
flex-direction: column;
+ align-items: start;
+ padding: 0 0.3rem;
.big-size {
font-size: 0.4rem;
color: #fff;
--
Gitblit v1.9.3