鸿蒙布局＞stack

@Preview
@Component
struct Stacks {
  build() {

    Stack() {
      // 2. 左上角 View
      Text('左上')
        .width(60)
        .height(60)
        .backgroundColor('#4ECDC4') // 颜色
        .textAlign(TextAlign.Center)
        .fontColor(Color.White)
        // 关键定位代码：左上角
        .position({ x: 10, y: 10 })

      // 3. 右上角 View
      Text('右上')
        .width(60)
        .height(60)
        .backgroundColor('#45B7D1')
        .textAlign(TextAlign.Center)
        .fontColor(Color.White)
        // 关键定位代码：右上角 (距离右边10，上边10)
        .position({ x: '100%', y: 10 })
        .translate({ x: '-100%' }) // 平移自身宽度，确保完全在容器内

      // 4. 左下角 View
      Text('左下')
        .width(60)
        .height(60)
        .backgroundColor('#FFD700')
        .textAlign(TextAlign.Center)
        .fontColor(Color.White)
        // 关键定位代码：左下角 (距离左边10，下边10)
        .position({ x: 10, y: '100%' })
        .translate({ y: '-100%' }) // 平移自身高度，确保完全在容器内

      // 5. 右下角 View
      Text('右下')
        .width(60)
        .height(60)
        .backgroundColor('#9B59B6')
        .textAlign(TextAlign.Center)
        .fontColor(Color.White)
        // 关键定位代码：右下角 (距离右边10，下边10)
        .position({ x: '100%', y: '100%' })
        .translate({ x: '-100%', y: '-100%' }) // 平移自身宽高，确保完全在容器内
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#E0E0E0') // 背景色，方便观察


  }
}

   换成Row/column标签也可以的