ionic-framework - 如何在 ionic 3 的同一页面中安装 ionic 幻灯片和按钮

Question

<ion-content >
    <ion-slides loop #Slides>
        <ion-slide >
            <h2>Slide 1</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 2</h2>
        </ion-slide>
        <ion-slide >
            <h2>Slide 3</h2>
        </ion-slide>
    </ion-slides>
    <button ion-button full>login</button>
</ion-content>

当我使用上面的代码时，我必须向下滚动才能看到按钮。有没有办法强制所有组件都在同一页面上？

Answer 1

将此添加到您的页面 SCSS:

.scroll-content {
    display: flex;
    flex-direction: column;

    ion-slides {
        display: flex;
    }
}