在ipad上的离子内容分裂视图

时间:2016-07-28 17:23:59

标签: ipad ionic-framework

我是Ionic Framework的新用户,我想要做的是显示一个内容,其中包含两个可在两侧滚动的独立内容(左侧,右侧)。

例如,显示文章的左侧和右侧是图片库。

由于

1 个答案:

答案 0 :(得分:0)

您可以添加一行表(使用带有两个ion-col的离子行)在每列下添加Ion-list。

<ion-row>
        <ion-col width-50>
            <ion-list>
               <ion-item *ngFor="let article of articles">
                    <h2>{{article.title}}</h2>                         
               </ion-item>
            </ion-list> 
        </ion-col>
        <ion-col width-50>
               <ion-item>
                    *display your image here*
               </ion-item>
        </ion-col>
</ion-row>

希望这有帮助