Question

我想在每一行显示特定屏幕尺寸的固定数量的卡片，
如：4个大屏幕卡，2个中等屏幕卡，1个小屏幕卡。我尝试了 responsive-sm，responsive-md，responsive-lg ，就像这样

    <ion-row responsive-lg>
       <ion-col *ngFor="let item of items" width-25 showWhen="tablet">
          <ion-card>...</ion-card>
       </ion-col>

       <ion-col *ngFor="let item of items" width-50 showWhen="phablet">
          <ion-card>...</ion-card>
       </ion-col>
    </ion-row>

但是，没有运气 PS：我正在尝试模仿流程布局行为。

Answer 1

实际上非常简单：P，

    <ion-row wrap>
      <ion-col *ngFor="let item of items">
       <ion-card>...</ion-card>
     </ion-col>
   </ion-row>

不要使用 width-x ，也不要使用 responsive-xx ，而是指定离子卡的最大宽度和最小宽度

ionic2 / Angular2中的响应网格

1 个答案: