在ionic2 / swiper滑块中显示下一张幻灯片的一部分

时间:2016-07-29 16:59:19

标签: angularjs ionic2 swiper

我正在使用Ionic2滑块,它在引擎盖下使用Swiper。我已经建立了一个一次显示3个旋转木马,但我希望第四张幻灯片部分显示,以便用户知道有更多幻灯片(不能使用分页点)。我无法看到任何配置(在Ionic API或Swiper API上)来实现。是否有人知道配置或"非hacky"实现这一目标的方式。我附上了设计假设的截图。

enter image description here

1 个答案:

答案 0 :(得分:0)

在模板中尝试这样的事情......

<ion-slides [options]="sliderOptions"> ... <

在你的.ts班级......

export class ClassWithSlider {

  // slider options
  sliderOptions = {
    slidesPerView:4,
    centeredSlides:true
  };

}

可以在 Swiper参数部分找到here选项的参考。