From 402042e2ee63f1ed5b1d5d6df483270ab996e76e Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sun, 15 Sep 2024 18:55:42 +0800
Subject: [PATCH] 1
---
src/page/assetsCenter/index.vue | 131 ++++++++++++++++++++++++++++++++-----------
1 files changed, 97 insertions(+), 34 deletions(-)
diff --git a/src/page/assetsCenter/index.vue b/src/page/assetsCenter/index.vue
index d18ff90..a286621 100644
--- a/src/page/assetsCenter/index.vue
+++ b/src/page/assetsCenter/index.vue
@@ -1,5 +1,9 @@
<template>
<div class="assets-box">
+ <div class="typebox" style="display: flex;">
+ <div :class="typeindex==index?'typebox_box':'typebox_boxa'" @click="typeclick(index)"
+ v-for="(item,index) in typelist" :key="index">{{item}}</div>
+ </div>
<header>
<van-row class="title-box">
<van-col span="12">
@@ -13,7 +17,7 @@
<div class="pt">{{ $t("总资产估值") }}</div>
<div class="flex ex-bg justify-center my-42 items-center w-100" @click="onSwitch">
<!-- <div class="flex ex-bg justify-center my-42 items-center w-100" > -->
- <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25" />
+ <!-- <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25" /> -->
</div>
</div>
<!-- <div class="pt">{{ assetsFunds.total }}</div> -->
@@ -30,16 +34,26 @@
}}{{fomtdata.totalMoney}}
</div>
</van-row>
- <van-row gutter="20" class="but-box">
+ <van-row gutter="20" class="but-box" v-if="typeindex == 0">
<van-col
span="8"
- v-for="item in tabList1"
+ v-for="item in tabList2"
:key="item.id"
@click="routerList(item)"
>
- <div class="but">{{ item.text }}</div>
+ <div class="but" >{{ item.text }}</div>
</van-col>
</van-row>
+ <van-row gutter="20" class="but-box" v-if="typeindex == 1">
+ <van-col
+ span="8"
+ v-for="item in tabList1"
+ :key="item.id"
+ @click="routerList(item)"
+ >
+ <div class="but" >{{ item.text }}</div>
+ </van-col>
+ </van-row>
</header>
<div class="tabs" v-if="typeindex==0">
<div class="tabs-box">
@@ -210,8 +224,40 @@
return {
keywords: "",
loading: true,
+ typelist: [ this.$t("交易")+this.$t("账户"),this.$t("资金")+this.$t("账户")],
active: 1,
typeindex:0,
+ tabList2: [
+ {
+ id: 4,
+ text: this.$t("闪兑"),
+ route: "/exchange/exchangePage",
+ },
+ {
+ id: 5,
+ text: this.$t("货币理财"),
+ route: "/financialHistory",
+ query: {
+ type: 0,
+ },
+ },
+ {
+ id: 6,
+ text: this.$t("矿池理财"),
+ route: "/financialHistory",
+ query: {
+ type: 1,
+ },
+ },
+ {
+ id: 7,
+ text: this.$t("划转"),
+ route: "/transfer",
+ // query: {
+ // type: 1,
+ // },
+ },
+ ],
tabList1: [
{
id: 1,
@@ -223,36 +269,7 @@
id: 2,
text: this.$t("提币"),
route: "/withdraw/withdrawPage",
- },
- {
- id: 4,
- text: this.$t("闪兑"),
- route: "/exchange/exchangePage",
- },
- {
- id: 5,
- text: this.$t("货币理财"),
- route: "/financialHistory",
- query: {
- type: 0,
- },
- },
- {
- id: 6,
- text: this.$t("矿池理财"),
- route: "/financialHistory",
- query: {
- type: 1,
- },
- },
- {
- id: 6,
- text: this.$t("划转"),
- route: "/transfer",
- query: {
- type: 1,
- },
- },
+ }
],
tabList: [
{ id: 1, text: this.$t("现货") },
@@ -334,6 +351,16 @@
},
methods: {
...mapActions("user", ["GET_UERS_KYC"]),
+ typeclick(e) {
+ this.typeindex = e
+ // if (e == 0) {
+ // this.initParama(this.symbol)
+ // } else {
+ // // this.symbol = 'wld'
+ // this.initParam(this.symbol)
+ // }
+ // this.$forceUpdate()
+ },
onInput(e) {
console.log(333, this.fundsDatra);
this.funds = this.fundsDatra.filter((item) =>
@@ -449,6 +476,42 @@
</script>
<style lang="scss" scoped>
+ .typebox_box {
+ width: 50%;
+ background-color: #9691fa;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .typebox_boxa {
+ width: 50%;
+ background-color: #fff;
+ color: #9691fa;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .no_touch {
+ -webkit-user-select: none;
+ user-select: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+
+ @include themify() {
+ background: themed("main_background");
+ }
+
+ min-height: 100vh;
+ }
+
+ .typebox {
+ width: 100%;
+ height: 100px;
+
+ }
.assets-box {
header {
// padding: 100px 0 0px;
--
Gitblit v1.9.3