angular - 离子滑卡水平

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>

我错过了什么吗？

截图在这里

Answer 1

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

slidesPerView | 号码 | 每个视图的幻灯片。幻灯片同时可见。默认值：1。

当您设置时，slidesPerView="1.1"这就是为什么在您的图像中您可以看到一张幻灯片，而另一张幻灯片则更多。如果您想阻止这种行为，请删除它prop或将其更改为 int 值