Estrela Avaliação

Sobre

Um componente para as estrelas das avaliações.

Dependências

Não há

Instalação

• Instale o app através do seu terminal

npm install @wapstore/estrela-avaliacao

• Valide se seu arquivo package.json possui a dependência

"dependencies": {
  "@wapstore/estrela-avaliacao": "^0.1.0"
}

Agora a loja está apta para o uso da aplicação.

Uso

O componente de Estrela Avaliação pode ser inserido em qualquer lugar da pasta "components" ou "pages". Neste arquivo você pode inserir todas as props e slots que o componente aceita, além de seus estilos.

Exemplo

-Este é um exemplo da aplicação de um arquivo padrão para uma Avaliação padrão na vitrine:

<template>
  <estrela-avaliacao
    :avaliacaoMedia="produto.avaliacao.media"
    :quantidadeAvaliacao="produto.avaliacao.quantidade"
    class="estrelaAvaliacao"
  />
</template>

<script>
  ...
</script>
<style>
  ...
</style>

Estilização

Para a estilização, basta utilizar estilos sem escopos dentro do componente onde for inserido, utilizando sempre de um ID ou classe específica para a chamada do componente, para que em outras chamadas o estilo não influencie. Caso o estilo seja para várias chamadas do componente é recomendado a inserção dos estilos em um arquivos CSS separado.