dcc
2024-05-08 6622d5dc21b1f0a63c01afb15f1ac8f565479b8f
src/page/promote/Rules.vue
@@ -1,59 +1,71 @@
<template>
    <div>
      <assets-head :title="$t('推广规则')" />
        <div class="advise w-828 h-220 p-40 box-border flex flex-col items-start justify-center">
          <span class="font-900 font-48">{{$t('分享返利')}}</span>
          <span class="w-460 mt-20 font-30 font-500">{{$t('交易中心会员回馈福利活动')}}</span>
        </div>
        <div class="px-32 py-30 font-bold text-grey font-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-32 mt-40 textColor" v-for="item in list" :key="item.id">
            <h2 class="font-36 font-bolds mb-10">【{{item.title}}{{$t('的佣金')}}】</h2>
            <ul class="flex flex-col font-30">
                <li class="py-10" v-for="_item in item.conent" :key="_item.id">
                    {{_item.from}}{{$t('可以获得')}} {{_item.to}} {{$t('充值金额的')}}{{_item.rate + '%'}}{{$t('的佣金')}}
                </li>
            </ul>
        </div>
  <div>
    <assets-head :title="$t('推广规则')"/>
    <div class=" w-828 p-40 box-border flex flex-col items-start justify-center">
      <img src="https://ibhfdhb.site/assets/img/rule1.7ae51b95.jpg" alt="" class="w-full mt-8 mb-8">
      <div class="mt-30 contp">
        <p>第一項獎勵:推薦人獎金</p>
        <p>邀請好友加入,即可獲得獎金(第一次質押的2%金額獎勵</p>
        <p>◆示例一:你的團隊成員質押了1000USDT,你可以領取他質押金額的2%,也就是20USDT作為推薦人獎金。
          (僅限於首次質押領取,由產品經理髮放獎勵)</p>
        <p>第二個獎勵:組建團隊,團隊成員收入越高,你的獎金也越高</p>
        <p>你可以獲得團隊成員每日佣金的4%作為隊長獎金</p>
        <p>◆示例一:</p>
        <p>
          你的成員質押30天LP2計劃,質押金額10000USDT,那麼他30天的質押收益是10000*0.8%=80*30=2400USDT作為隊長,你將獲得隊長獎金96USDT/每日(2400×4%)</p>
        <p>◆示例二:</p>
        <p>
          你的成員質押30天LP5計劃,投資金額為100000USDT,那麼他30天的質押收益是100000*1.3%=1300*30=39000USDT作為隊長,你將獲得隊長獎金1560USDT/每日(39000×4%)</p>
        <p>提示1:團隊成員必須經過KYC認證後可獲得隊長獎金。</p>
        <p>提示2:隊長獎金在每日的(GTM+8)00:00-06:00之間發放。</p>
        <p>提示3:團隊成員選擇質押7天以上的周期計算隊長獎金,低於7天的質押週期沒有隊長獎勵。</p>
      </div>
    </div>
  </div>
</template>
<script>
import assetsHead from "@/components/assets-head";
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 },
                ]}
            ]
  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)
        }
      ]
    }
  },
  methods: {
    onClickLeft() { // 后退
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>