ionic3滑动滑动灵敏度

时间:2017-05-05 06:15:37

标签: ionic2 ionic3

在我的Ionic3应用程序中,我有一个带有一堆幻灯片的slides组件,我希望每个组件都能click。所以代码看起来像:

<ion-slides>
  <ion-slide *ngFor="let s of slides" (click)="onClick()">Slide</ion-slide>
</ion-slides>

我遇到的问题是,当我尝试点击幻灯片时,它实际上会显示当前幻灯片的swipe并显示下一张幻灯片,因此点击永远不会发生。这主要是使用平板电脑,因为我猜我的手指不太稳定,如果点击不完美,那么它会滑动。

有没有办法让点击不那么敏感(这样即使是向下和向上事件之间的一小部分距离被识别为点击而不是滑动)?

2 个答案:

答案 0 :(得分:0)

有很多离子选项没有列出的可用选项,但是您可以在离子幻灯片使用的库中看到它们:

http://idangero.us/swiper/api/

将触摸阈值设置为合理的值应该会有所帮助。

如果您引用了滑块,则只需说this.slider.threshold = 100;

答案 1 :(得分:-3)

<ion-slides pager>
  <ion-slide *ngFor="let s of slides" (click)="onClick()">Slide</ion-slide>
</ion-slides>