<template>
  <div class="faq">
    <div class="block">
      <div class="title">O que é o programa de afiliados 18N.COM?</div>
      <div class="content">
        18n.COM Afiliados é um programa onde oferecemos a você a oportunidade de
        ganhar dinheiro todos os dias, simplesmente nos dando a chance de
        receber mais jogadores.
      </div>
    </div>
    <div class="block">
      <div class="title">QUANTO CUSTA PARA PARTICIPAR?</div>
      <div class="content">Absolutamente nada. É totalmente gratuito</div>
    </div>
    <div class="block">
      <div class="title">
        Posso obter benefícios mesmo se não tiver um site?
      </div>
      <div class="content">
        Claro que pode. Podemos fornecer todas as ferramentas de marketing de
        que você precisa para promover a 18N.COM offline nas mídias sociais ou
        por e-mail.
      </div>
    </div>
    <div class="block">
      <div class="title">QUANTO EU GANHO?</div>
      <div class="content">
        Como parte da nossa rede de afiliados, você será pago em um modelo de
        compartilhamento de receita. Você ganha mais de 80% de recompensa de
        comissão.
      </div>
    </div>
    <div class="link" @click="open">Regras de recompensa da comissão</div>
    <div class="link" @click="changeTab">Regras de cálculo de comissão</div>
    <block-bottom />
    <div class="block">
      <div class="title">Definição</div>
      <div class="content" style="font-size: 0.35rem">
        <p>Inscrições - Número de usuários registrados</p>
        <p>
          Novos Jogadores - Novos jogadores pagantes entre os usuários
          registrados de hoje
        </p>
        <p>
          Aposta válidas em equiper[num] - Total de valor de apostas válidas
          provenientes de indicações e contribuições de suas equipes. num -
          Número total de indicações e membros de suas equipes que contribuíram
          com apostas válidas.
        </p>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import emitter from "@/utils/eventBus";
import blockBottom from "./block-bottom.vue";
const emit = defineEmits(["changeTab"]);
const open = () => {
  emitter.emit("showVisible");
};
const changeTab = () => {
  emit("changeTab", {current:5});
};
</script>
<style lang="scss" scoped>
.faq {
  color: #000;
  margin: 0.2rem 0.1rem;
  background: #fff;
  border-radius: $border-radius;
  padding: 0.2rem;
  .block {
    font-size: 0.35rem;

    .title {
      text-align: left;
      padding: 0.2rem 0;

      border-bottom: 1px solid #bbb;
      color: #000;
      @extend .blod;
    }
    .content {
      padding: 0.2rem 0;
      font-size: 0.29rem;
      p {
        margin-bottom: 0.1rem;
      }
    }
  }
  .link {
    color: rgb(22, 226, 244);
    font-size: 0.35rem;
    margin-bottom: 0.1rem;
    @extend .pointer;
  }
  .group {
    font-size: 0.35rem;
    margin: 0.1rem 0;
    h3 {
      text-align: center;
    }
  }
}
</style>
