vuetifyjs/vuetify

[Feature Request] Add mouse hover to stop cycle(change of slide) in carousel.

Open

#10.544 aberto em 11 de fev. de 2020

Ver no GitHub
 (1 comment) (8 reactions) (0 assignees)TypeScript (7.139 forks)batch import
C: VCarouselT: featuregood first issue

Métricas do repositório

Stars
 (40.995 stars)
Métricas de merge de PR
 (Mesclagem média 59d 10h) (8 fundiu PRs em 30d)

Description

Problem to solve

currently, there is no way to stop slide when hovering over the slide in v-carousel

Proposed solution

well i don't have a proposed solution, sorry...also thank you for making this wonderful component framework.. :)

###1hour later Well alternative way to solve it is using v-hover

<v-hover v-slot:default="{ hover }">
<v-carousel :cycle="hover ? false : true">
</v-carousel>
</v-hover>

but add a stop-on-hover prop to v-carousel might be more easy, I guess..!!??

Guia do colaborador

Direção de pesquisa
Examine o código fonte do componente v carousel para identificar onde a lógica de ciclo é implementada e adicione uma prop 'stop on hover' que pausa o ciclo quando o mouse passa sobre o carrossel.
Pilha de tecnologia
typescriptvue
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
GitVue
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75