Boa noite, Minha duvida é de como aplicar o transition no home quando meus paineis estão sendo carregado, no caso é um for e eu envolvi o componente meu-painel com um transition e apliquei os css que é o mesmo efeito que o mudar de tela, porem nada acontece. Obrigado.
hoje, com a Alura e o Google Gemini
Oi Paulo, tudo bem?
Você poderia nos mostrar o código para ver aonde que tem problema?
Talvez no css está faltando alguma coisa. Mas acredito que esteja fazendo da maneira certa.
Aguardo pelo retorno. Abraço!
Opa, tudo bem obrigado e ai tudo joia? Segue meu Código.
...
<ul class="lista-produtos">
<li class="lista-produtos-item" v-for="produto in fotosComFiltro">
<transition name="painel">
<meu-painel :titulo="produto.nome">
<figure>
<imagem-responsiva v-meu-transform:scale.animacao="1.2" :url="produto.url" :titulo="produto.nome"></imagem-responsiva>
</figure>
<meu-botao
tipo="button"
rotulo="Remover"
:confirmacao="true"
estilo="perigo"
@botaoAtivado="remove(produto)"></meu-botao>
</meu-painel>
</transition>
</li>
</ul>
...
<style scoped>
.painel-enter, .painel-leave-active{
opacity: 0;
}
.painel-enter-active, .painel-leave-active{
transition: opacity .4s;
}
</style>Obrigado :D