离子滑板卡卧式

Question

我需要帮助。当我开始向左滑动时，我的第二张牌没有显示出来。

<ion-content>
 <div class="container">
    <ion-slides pager slidesPerView="1.1">
        <ion-slide *ngFor="let subject of cardData">
            <ion-card class="cardList">
                <ion-card-header>
                    <ion-card-title>
                        <h1> {{subject.title}}</h1>
                    </ion-card-title>
                </ion-card-header>
                <ion-card-content>
                    <h1> {{subject.description}}</h1>
                </ion-card-content>
            </ion-card>
        </ion-slide>
    </ion-slides>
 </div>
</ion-content>

我是不是遗漏了什么？

Screenshot Here

Answer 1

您的问题在此prop中：slidesPerView="1.1"文档建立：

slidesPerView |每个视图的幻灯片数量。幻灯片同时可见。默认值: 1。

当你在你的slidesPerView="1.1"中设置的时候，这就是为什么你可以在你的图像中看到像一张幻灯片和从另一张幻灯片中看到更多的原因。如果要防止此行为，请删除prop或将其更改为int值