vuetifyjs/vuetify

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

Aperta

#10.544 aperta il 11 feb 2020

Vedi su GitHubGuida contributor
 (1 commento) (8 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VCarouselT: featuregood first issue

Metriche repository

Star
 (40.995 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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..!!??

Guida contributor

Direzione di ricerca
Esamina il codice sorgente del componente v carousel per identificare dove è implementata la logica del ciclo e aggiungi una proprietà 'stop on hover' che mette in pausa il ciclo quando il mouse passa sopra il carousel.
Tech stack
typescriptvue
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
GitVue
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75