css - 如何修改 Ionic 2 slider 以使其具有多行(网格类型 4x4，每页 16 个)？

Question

我正在使用 Ionic2 slider ，来自其组件:http://ionicframework.com/docs/v2/api/components/slides/Slides/ .我不知道如何让 slider 在多行上显示元素，每张幻灯片 4x4 = 16 个元素。

这是我的代码。实际页面中生成的 html 代码看起来不同。

            <ion-slides pager slidesPerView="16" spaceBetween="20">
                <ion-slide style="background-color: green">
                     <h2>Slide 1</h2>
                </ion-slide>
                <ion-slide style="background-color: blue">
                    <h2>Slide 2</h2>
                </ion-slide>
                <ion-slide style="background-color: red">
                    <h2>Slide 3</h2>
                </ion-slide>
                <ion-slide style="background-color: green">
                     <h2>Slide 1</h2>
                </ion-slide>
                <ion-slide style="background-color: blue">
                    <h2>Slide 2</h2>
                </ion-slide>
                <ion-slide style="background-color: red">
                    <h2>Slide 3</h2>
                </ion-slide>
            </ion-slides>

Answer 1

尝试嵌套 ionic 网格 Components在每张幻灯片中。这是 API docs for the grid