Можно ли изменить порядок ионного ряда? - PullRequest
Новая
       30

Можно ли изменить порядок ионного ряда?

1 голос
/ 08 июля 2019

Я реализую адаптивную сетку, подобную той, что вы видите на картинке:

enter image description here

Я знаю, что в Ionic можно изменить порядок столбцов, но можно ли сделать то же самое со строками?

Например, в настоящее время порядок строк красный, желтый и зеленый. Мне бы хотелось, чтобы он был зеленым, красным и желтым для больших экранов. Возможно ли это? Что-то вроде offset-* или push-* и pull-*, но для строк.

Или вы бы попытались найти лучший подход к этому? Может быть, другая структура, использующая столбцы, которые, как мы знаем, могут быть упорядочены.

На данный момент у меня есть код: 

  <ion-grid>
    <ion-row>
      <ion-col col-12>
        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>

        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>

        <!-- I want this row to be the first on large screens -->
        <ion-row>
          <ion-col>
            Things inside
          </ion-col>
        </ion-row>
      </ion-col>

      <ion-col col-12>
        Things inside
      </ion-col>
    </ion-row>
  </ion-grid>
...