Question

我需要帮助。当我开始向左滑动时，我的第2张卡没有显示。

<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值

离子滑卡水平

1 个答案: