ant-design/ant-design-mobile

关于移动端使用【Swiper+Slider】的问题

Aperta

#5894 aperta il 23 dic 2022

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (2313 fork)batch import
enhancementhelp wanted

Metriche repository

Star
 (11.238 stelle)
Metriche merge PR
 (Merge medio 7h 11m) (8 PR mergiate in 30 g)

Descrizione

Version of antd-mobile

5.27.0

Description

您好，我用tabs+swiper组建了一个可以左右滑动的页签， 在第一个页签下，swiper中放置了slider滑动输入条， 当我拖动slider去改变值时，同时会触发swiper的左右滑动事件， 请问可以怎么避免滑动事件的同时发生呢？我没有找到对应方法或接口修改🤦‍♂️

Guida contributor

Direzione di ricerca
Indaga sulla gestione degli eventi touch nei componenti Swiper e Slider in antd mobile. Il problema suggerisce che gli eventi touch dello Slider vengono catturati dallo Swiper, causando scorrimenti indesiderati della pagina. Esamina il codice sorgente di Swiper e Slider nel pacchetto antd mobile (probabilmente in src/components/swiper e src/components/slider). Considera l'uso di event.stopPropagation() o la prevenzione del comportamento touch predefinito nello Slider quando l'utente sta trascinando. Verifica se esiste già una prop come 'stopPropagation' su Swiper o Slider. In caso contrario, una soluzione potrebbe prevedere l'aggiunta di un modo per disabilitare lo scorrimento durante l'interazione con componenti touch annidati.
Tech stack
typescriptreact
Dominio
mobilefrontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
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.
Richiede indagine
Prerequisiti
Reactantd mobile
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60