<template>
|
<div id="cryptos">
|
<div>
|
<assets-head :title="$t('推广规则')" />
|
<div class="advise w-full h-56 px-10 py-10 box-border flex flex-col items-start justify-center">
|
<span class="font-bold text-48" style="color:#273549;">{{ $t('分享返利') }}</span>
|
<span class="mt-5 text-30" style="color:#273549;">{{ $t('交易中心会员回馈福利活动') }}</span>
|
</div>
|
<div class="px-8 py-8 font-bold text-grey text-30">
|
{{
|
$t(`客户发展示意如下 A>B>C>D>E （往下最多4级），B为A的一级客户，C为A的二级客户，D为A的三级客户，E为A的四级客户。返佣条件（下级客户单日单笔充值金额超过1000个USDT以上，每日只可以领取一次)`)
|
}}
|
</div>
|
<div class="flex flex-col px-8 mt-10 textColor" v-for="item in list" :key="item.id">
|
<h2 class="text-36 font-bolds mb-2">【{{ item.title }}{{ $t('的佣金') }}】</h2>
|
<ul class="flex flex-col text-30">
|
<li class="py-2" v-for="_item in item.conent" :key="_item.id">
|
{{ _item.from }}{{ $t('可以获得') }} {{ _item.to }} {{ $t('充值金额的') }}{{ _item.rate + '%' }}{{ $t('的佣金')
|
}}
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/Transform/assets-head/index.vue";
|
export default {
|
components: {
|
assetsHead
|
},
|
data() {
|
return {
|
list: [
|
{
|
id: 1, title: 'A', conent: [
|
{ id: 11, from: 'A', to: 'B', rate: 5 },
|
{ id: 12, from: 'A', to: 'C', rate: 3 },
|
{ id: 13, from: 'A', to: 'D', rate: 2 },
|
{ id: 14, from: 'A', to: 'E', rate: 1 },
|
]
|
},
|
{
|
id: 2, title: 'B', conent: [
|
{ id: 21, from: 'B', to: 'C', rate: 5 },
|
{ id: 22, from: 'B', to: 'D', rate: 3 },
|
{ id: 23, from: 'B', to: 'E', rate: 2 },
|
{ id: 24, from: 'B', to: 'E-1', rate: 1 },
|
]
|
},
|
{
|
id: 3, title: 'C', conent: [
|
{ id: 31, from: 'C', to: 'D', rate: 5 },
|
{ id: 32, from: 'C', to: 'E', rate: 3 },
|
{ id: 33, from: 'C', to: 'E-1', rate: 2 },
|
{ id: 34, from: 'C', to: 'E-2', rate: 1 },
|
]
|
}
|
]
|
}
|
},
|
methods: {
|
onClickLeft() { // 后退
|
this.$router.go(-1)
|
}
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
#cryptos {
|
.advise {
|
background: url("./share-bg.png") no-repeat center center;
|
background-size: 100% 100%;
|
}
|
}
|
</style>
|
