如何使用Ngu Carousel

时间:2018-05-26 13:00:43

标签: angular carousel

我如何使用Ngu Carousel并在1行中显示3个ngu-item?或者smb可以推荐一些带有循环和动画的卡片项目的原生角度旋转木马。

Ngu Carousel的文档显示了这个例子:

this.carouselOne = {
      grid: {xs: 1, sm: 1, md: 1, lg: 1, all: 0},
      slide: 1,
      speed: 400,
      interval: 4000,
      point: {
        visible: true
      },
      load: 2,
      touch: true,
      loop: true,
      custom: 'banner'
    }

但是,如果我更改slide或其他属性 - 则没有更改

1 个答案:

答案 0 :(得分:1)

可以在网格中定义项目的数量。 grid:{xs:1,sm:1,md:1,lg:1,all:0}属性将分别在xs,sm,md和lg中设置1 ngu tile项。如果您不想要这样的行为,可以在{all:}属性中为carousel设置固定宽度。但请确保xs,sm,md和lg中的其他0。 有关ngu carousel的更多详细信息,=> https://github.com/sheikalthaf/ngu-carousel/blob/master/README.md