#鸿蒙学习大百科#如何通过改变order改变UI在手机和平板上的不同的显示顺序？

@Entry
@Component
struct Index {
  build() {
    Column() {
      GridRow({ columns: { sm: 4, md: 8, lg: 12 } }) {
        GridCol({ span: { sm: 4, md: 6, lg: 8 } }) {
          Text("1111111")
        }
        .order({ lg: 0 })
        .backgroundColor(Color.Yellow)

        GridCol({ span: { sm: 4, md: 2, lg: 2} }) {
          Text("2222222")
        }
        .backgroundColor(Color.Pink)
        .order({ lg: 1 })

        GridCol({ span: { sm: 4, md: 2, lg: 2 } }) {
          Text("3333333")
        }
        .order({ lg: 2 })
        .backgroundColor(Color.Gray)
      }
    }
    .height('100%')
    .width('100%')
  }
}