离子滑卡水平答案

【问题标题】：Ionic slides card horizontal离子滑卡水平
【发布时间】：2019-07-28 17:37:27
【问题描述】：

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

<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

【问题讨论】：

请问可以添加ts文件吗？

标签： angular ionic-framework ionic3 ion-slides

【解决方案1】：

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

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

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

【讨论】：

事实并非如此。 slidesperview 1.1 正在工作。我只是想让用户看到下一张卡片的部分，这就是我使用 1.1 的原因。