ant-design/ant-design-mobile

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

开放

#5,894 创建于 2022年12月23日

在 GitHub 查看贡献者指南
 (0 条评论) (0 个反应) (0 位负责人)TypeScript (2,313 个派生)batch import
enhancementhelp wanted

仓库指标

星标
 (11,238 个星标)
PR 合并指标
 (平均合并 7小时 11分钟) (30 天内合并 8 个 PR)

描述

Version of antd-mobile

5.27.0

Description

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

贡献者指南

研究方向
调查 antd mobile 中 Swiper 和 Slider 组件的触摸事件处理。该问题表明 Slider 的触摸事件被 Swiper 捕获，导致意外的页面滑动。查看 antd mobile 包中的 Swiper 和 Slider 源代码（可能在 src/components/swiper 和 src/components/slider 下）。考虑在用户拖动 Slider 时使用 event.stopPropagation() 或阻止默认触摸行为。检查 Swiper 或 Slider 上是否存在现有的 'stopPropagation' 属性。如果没有，修复方法可能涉及添加一种在交互嵌套可触摸组件时禁用滑动的方式。
技术栈
typescriptreact
领域
mobilefrontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
需要先调研
前置要求
Reactantd mobile
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60