ons-carousel-items中不必要的空白区域

时间:2018-06-14 05:09:19

标签: css bootstrap-4 onsen-ui monaca

我是Onsen UI和Monaca的新手。我非常喜欢它。我正在尝试用小图像构建一个旋转木马(比如6em x 6em)。使用ons-carousl和ons-carousel-items,我能够实现它。但是,连续图像之间存在很大差距。就像在可见屏幕中只有一个小图像。只有在我全屏滑动后才能看到下一个。我试过边缘,但都是徒劳。

请帮助!

我的代码: -

<ons-carousel width="auto" swipeable auto-scroll auto-scroll-ratio="0.2" animation="ease-in" overscrollable class="carousel1">

    <ons-carousel-item>
       <img class="car1" src="./images/banner4.png" />
    </ons-carousel-item>

  <ons-carousel-item>
      <img class="car1  img-thumbnail" src="./images/banner4.png" />
  </ons-carousel-item>

  <ons-carousel-item>
      <img class="car1  img-thumbnail" src="./images/banner4.png" />
  </ons-carousel-item>

  <ons-carousel-item>
      <img class="car1  img-thumbnail" src="./images/banner4.png" />
  </ons-carousel-item>
</ons-carousel> 

Check out the Carousel below

0 个答案:

没有答案