From 3ed2cb78a690b64c3b2646d35e1500081186dfa3 Mon Sep 17 00:00:00 2001
From: huzheng12 <52150713+huzheng12@users.noreply.github.com>
Date: Mon, 06 May 2024 00:21:32 +0800
Subject: [PATCH] first commit
---
src/page/financialManagement/fundHome.vue | 131 +++++++++++++++++++++++++++----------------
1 files changed, 82 insertions(+), 49 deletions(-)
diff --git a/src/page/financialManagement/fundHome.vue b/src/page/financialManagement/fundHome.vue
index 4136bcc..3161c40 100644
--- a/src/page/financialManagement/fundHome.vue
+++ b/src/page/financialManagement/fundHome.vue
@@ -4,38 +4,60 @@
<div class="box-border px-30 mt-42">
<div class="flex justify-between text-grey relative">
<div class="flex flex-col">
- <span class="text-grey font-30">{{ $t('托管金额') }}（USDT）</span>
- <span class="font-66 mt-20 font-700 textColor">{{ statiscis.amount_sum }}</span>
+ <span class="text-grey font-30">{{ $t("托管金额") }}（USDT）</span>
+ <span class="font-66 mt-20 font-700 textColor">{{
+ statiscis.amount_sum
+ }}</span>
</div>
</div>
<div class="flex mt-44 justify-between font-26 lh-32 mb-35">
- <div class="flex flex-col ">
- <div class="text-grey font-26">{{ $t('预计日收益') }}（USDT）</div>
- <div class="font-40 mt-17 mb-9 font-36 textColor">{{ statiscis.today_profit }}</div>
+ <div class="flex flex-col">
+ <div class="text-grey font-26">{{ $t("预计日收益") }}（USDT）</div>
+ <div class="font-40 mt-17 mb-9 font-36 textColor">
+ {{ statiscis.today_profit }}
+ </div>
</div>
<div class="flex flex-col">
- <div class="text-grey font-26">{{ $t('累计收益') }}（USDT）</div>
- <div class="font-40 mt-17 mb-9 font-36 textColor">{{ statiscis.aready_profit }}</div>
+ <div class="text-grey font-26">{{ $t("累计收益") }}（USDT）</div>
+ <div class="font-40 mt-17 mb-9 font-36 textColor">
+ {{ statiscis.aready_profit }}
+ </div>
</div>
<div class="flex flex-col">
- <div class="text-grey font-26">{{ $t('托管订单') }}（USDT）</div>
- <div class="font-40 mt-17 mb-9 font-36 textColor">{{ statiscis.order_sum }}</div>
+ <div class="text-grey font-26">{{ $t("托管订单") }}（USDT）</div>
+ <div class="font-40 mt-17 mb-9 font-36 textColor">
+ {{ statiscis.order_sum }}
+ </div>
</div>
</div>
</div>
<div class="flex justify-between box-border px-30 mt-43">
- <div @click="$router.push('/funds?tab=3&index=0')"
- class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center mr-20 active">{{ $t('托管订单') }}</div>
- <div @click="$router.push('/fund-rule')" class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center">
- {{ $t('规则') }}</div>
+ <div
+ @click="$router.push('/funds?tab=3&index=0')"
+ class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center mr-20 active"
+ >
+ {{ $t("托管订单") }}
+ </div>
+ <div
+ @click="$router.push('/fund-rule')"
+ class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center"
+ >
+ {{ $t("规则") }}
+ </div>
</div>
<div class="px-30 mt-40 pb-80">
- <div v-for="(item, index) in list" :key="index"
- class="card flex justify-between items-center relative rounded-lg borderColor contBackground">
- <div class="title absolute px-16 py-8 font-26 text-white bg-green top-0 left-22">{{ $t('日收益率')
- }} <span class="ml-8">{{ item.daily_rate }}%</span></div>
+ <div
+ v-for="(item, index) in list"
+ :key="index"
+ class="card flex justify-between items-center relative rounded-lg borderColor contBackground"
+ >
+ <div
+ class="title absolute px-16 py-8 font-26 text-white bg-green top-0 left-22"
+ >
+ {{ $t("日收益率") }} <span class="ml-8">{{ item.daily_rate }}%</span>
+ </div>
<div class="flex justify-center items-center">
- <img class="w-120 h-130 mr-20" :src="item.img" alt="">
+ <img class="w-120 h-130 mr-20" :src="item.img" alt="" />
<div class="flex flex-col items-start">
<span class="font-35 font-600 textColor">
<template v-if="$i18n.locale === 'CN'">
@@ -48,18 +70,28 @@
{{ item.name_en }}
</template>
</span>
- <span class="font-26 mt-24 mb-16 textColor">{{ $t('限额') }} {{ item.investment_min + ' ~ ' +
- item.investment_max }}
- USDT</span>
- <span class="font-26 textColor">{{ $t('周期') }} {{ item.cycle }} {{ $t('天') }}</span>
+ <span class="font-26 mt-24 mb-16 textColor"
+ >{{ $t("限额") }}
+ {{ item.investment_min + " ~ " + item.investment_max }} USDT</span
+ >
+ <span class="font-26 textColor"
+ >{{ $t("周期") }} {{ item.cycle }} {{ $t("天") }}</span
+ >
</div>
</div>
- <div @click="$router.push({
- path: '/fund-buy',
- query: {
- ...item
- }
- })" class="active py-16 px-30 font-30 font-600 rounded-lg">{{ $t('立即买入') }}</div>
+ <div
+ @click="
+ $router.push({
+ path: '/fund-buy',
+ query: {
+ ...item,
+ },
+ })
+ "
+ class="active py-16 px-30 font-30 font-600 rounded-lg"
+ >
+ {{ $t("立即买入") }}
+ </div>
</div>
</div>
</div>
@@ -67,7 +99,10 @@
<script>
import assetsHead from "@/components/assets-head";
-import { financeStatics, getfinacialProductsList } from "@/API/financialManagement";
+import {
+ financeStatics,
+ getfinacialProductsList,
+} from "@/API/financialManagement";
export default {
name: "fundHome",
@@ -77,32 +112,31 @@
data() {
return {
statiscis: {},
- list: []
- }
+ list: [],
+ };
},
- methods: {
- },
+ methods: {},
activated() {
- getfinacialProductsList().then(res => {
+ getfinacialProductsList().then((res) => {
//console.log('理财列表', res)
- this.list = res
- })
- financeStatics().then(res => {
+ this.list = res;
+ });
+ financeStatics().then((res) => {
//console.log('理财统计', res)
- this.statiscis = res
- })
+ this.statiscis = res;
+ });
},
created() {
- getfinacialProductsList().then(res => {
+ getfinacialProductsList().then((res) => {
//console.log('理财列表',res)
- this.list = res
- })
- financeStatics().then(res => {
+ this.list = res;
+ });
+ financeStatics().then((res) => {
//console.log('理财统计',res)
- this.statiscis = res
- })
- }
-}
+ this.statiscis = res;
+ });
+ },
+};
</script>
<style lang="scss" scoped>
@@ -112,7 +146,7 @@
}
.active {
- color: #FFFFFF;
+ color: #ffffff;
@include themify() {
background: themed("btn_main") !important;
@@ -121,7 +155,6 @@
@include themify() {
border-color: themed("btn_main") !important;
}
-
}
.title {
--
Gitblit v1.9.3