<template>
|
<div id="rule">
|
<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/theme/${theme}/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="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('的收益，收益每日下发，下发的收益可随时存取，存入本金，到期满后，自动返还至您的账户')}}
|
</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";
|
export default {
|
name: "fundRule",
|
components:{
|
assetsHead
|
},
|
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:{
|
tab: 3,
|
index: 0
|
}})
|
} else {
|
this.$router.go(-1)
|
}
|
|
}
|
},
|
computed:{
|
...mapGetters({
|
theme: 'home/theme',
|
})
|
},
|
}
|
</script>
|
|
<style scoped>
|
|
.rule{
|
width: 100%;
|
box-sizing: border-box;
|
}
|
</style>
|
