【鸿蒙学习笔记】尺寸设置・width・height・size・margin・padding・

官方文档：尺寸设置

width：设置组件自身的宽度

参数为Length类型时，表示指定长度。
参数为百分比时，表示所占页面的百分比。

height：设置组件自身的高度

参数为Length类型时，表示指定长度。
参数为百分比时，表示所占页面的百分比。

size：设置高宽尺寸

margin：设置组件的外边距

参数为Length类型时，四个方向外边距同时生效。
margin设置百分比时，上下左右外边距均以父容器的width作为基础值。

padding：设置组件的内边距

参数为Length类型时，四个方向内边距同时生效。
padding设置百分比时，上下左右内边距均以父容器的width作为基础值。

Row() {
  Row() {
    Row()
      .size({ width: '100%', height: '100%' })
      .backgroundColor(Color.Yellow)
  }
  .width(200)
  .height(200)
  .margin(20)
  .padding({ top: 10, left: 20, right: 20, bottom: 30 })
  .backgroundColor(Color.Red)
}
.backgroundColor(Color.Black)