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/fundRule.vue | 91 +++++++++++++++++++++++++++------------------
1 files changed, 55 insertions(+), 36 deletions(-)
diff --git a/src/page/financialManagement/fundRule.vue b/src/page/financialManagement/fundRule.vue
index a0c245e..054470a 100644
--- a/src/page/financialManagement/fundRule.vue
+++ b/src/page/financialManagement/fundRule.vue
@@ -1,65 +1,84 @@
<template>
<div id="rule">
- <assets-head :title="$t('规则')" :back-func="backFunc"></assets-head>
+ <assets-head :title="$t('规则')" :back-func="backFunc"></assets-head>
<div class="w-full h-1 greyBg"></div>
<div class="box-border px-33">
<div class="mt-54 flex font-68 items-center">
- <img :src="require(`@/assets/image/logo.png`)" alt="" class="w-96 h-96 mr-40">
- <div class="font-60 textColor">{{$t('理财规则')}}</div>
+ <img
+ :src="require(`@/assets/image/logo.png`)"
+ alt=""
+ class="w-96 h-96 mr-40"
+ />
+ <div class="font-60 textColor">{{ $t("理财规则") }}</div>
</div>
- <div class="font-31 font-400 mt-24 lh-44 text-grey">{{$t('理财说明')}}</div>
- <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('收益计算')}}</div>
+ <div class="font-31 font-400 mt-24 lh-44 text-grey">
+ {{ $t("理财说明") }}
+ </div>
+ <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">
+ {{ $t("收益计算") }}
+ </div>
<div class="mt-21 font-30 text-grey text-left">
- {{$t('会员在平台存入了10000U，选择了周期为7天 ，日收益为0.5%的理财产品，则每天收益如下：')}}<br/>
- <br/>
-<!-- {{$t('最低：')}}<span class="textColor">{{$t('10000U X 0.3%=30U')}}</span> <br/>-->
-<!-- <br/>-->
- {{$t('最高：')}}<span class="textColor">{{$t('10000U X 0.5%=50U')}}</span> <br/>
- <br/>
- {{$t('既：7天后可以获得')}}<span class="textColor">350U</span> {{$t('的收益，收益每日下发，下发的收益可随时存取，存入本金，到期满后，自动返还至您的账户')}}
+ {{
+ $t(
+ "会员在平台存入了10000U，选择了周期为7天 ，日收益为0.5%的理财产品，则每天收益如下："
+ )
+ }}<br />
+ <br />
+ <!-- {{$t('最低：')}}<span class="textColor">{{$t('10000U X 0.3%=30U')}}</span> <br/>-->
+ <!-- <br/>-->
+ {{ $t("最高：")
+ }}<span class="textColor">{{ $t("10000U X 0.5%=50U") }}</span> <br />
+ <br />
+ {{ $t("既：7天后可以获得") }}<span class="textColor">350U</span>
+ {{
+ $t(
+ "的收益，收益每日下发，下发的收益可随时存取，存入本金，到期满后，自动返还至您的账户"
+ )
+ }}
</div>
-<!-- <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('关于违约金')}}</div>-->
-<!-- <div class="mt-21 font-30 text-grey text-left">-->
-<!-- {{$t('若您希望转出未到期的本金，则会产生违约金，')}} <span class="textColor">{{$t('违约金=结算比例x剩余天数x投资数量。')}}</span> <br/> <br/>-->
-<!-- {{$t('举例：该产品的违约金结算比例为')}} <span class="textColor">0.4%</span>，{{$t('剩余')}} <span class="textColor"> 3</span> {{$t('天到期，投资数量为')}}<span class="textColor">1000</span>,{{$t('则')}} <span class="textColor">{{$t('违约金=0.4%x3x1000=12U')}}</span>，{{$t('实际退还本金为')}} <span class="textColor">{{$t('1000U-12U=988U')}}</span>-->
-<!-- </div>-->
+ <!-- <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('关于违约金')}}</div>-->
+ <!-- <div class="mt-21 font-30 text-grey text-left">-->
+ <!-- {{$t('若您希望转出未到期的本金，则会产生违约金，')}} <span class="textColor">{{$t('违约金=结算比例x剩余天数x投资数量。')}}</span> <br/> <br/>-->
+ <!-- {{$t('举例：该产品的违约金结算比例为')}} <span class="textColor">0.4%</span>，{{$t('剩余')}} <span class="textColor"> 3</span> {{$t('天到期，投资数量为')}}<span class="textColor">1000</span>,{{$t('则')}} <span class="textColor">{{$t('违约金=0.4%x3x1000=12U')}}</span>，{{$t('实际退还本金为')}} <span class="textColor">{{$t('1000U-12U=988U')}}</span>-->
+ <!-- </div>-->
</div>
</div>
</template>
<script>
-import assetsHead from '@/components/assets-head'
-import {mapGetters} from "vuex";
+import assetsHead from "@/components/assets-head";
+import { mapGetters } from "vuex";
export default {
name: "fundRule",
- components:{
- assetsHead
+ components: {
+ assetsHead,
},
- methods:{
- backFunc(){
- console.log('this.$route.query.back', this.$route.query.back)
+ methods: {
+ backFunc() {
+ console.log("this.$route.query.back", this.$route.query.back);
if (this.$route.query.back / 1 === 0) {
- this.$router.push({path:'/funds', query:{
+ this.$router.push({
+ path: "/funds",
+ query: {
tab: 3,
- index: 0
- }})
+ index: 0,
+ },
+ });
} else {
- this.$router.go(-1)
+ this.$router.go(-1);
}
-
- }
+ },
},
- computed:{
+ computed: {
...mapGetters({
- theme: 'home/theme',
- })
+ theme: "home/theme",
+ }),
},
-}
+};
</script>
<style scoped>
-
-.rule{
+.rule {
width: 100%;
box-sizing: border-box;
}
--
Gitblit v1.9.3