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

如何通过改变order改变UI在手机和平板上的不同的显示顺序?

HarmonyOS
2024-09-26 09:57:05
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
被窝终结者

order的值越小表示优先级越高。

@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%')
  }
}
分享
微博
QQ
微信
回复
2024-09-26 16:27:12
相关问题
#鸿蒙学习大百科#如何实现ui优化?
208浏览 • 1回复 待解决