#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用组件构建UI布局？

build() {
  Stack() {
    Column() {
      // 顶部欢迎文字
      Text('欢迎使用xx系统！')
        .fontSize(24);
      
      // 输入框和其他组件
      TextInput({ placeholder: '请输入用户名', text: this.account })
        .onChange((value) => this.account = value);

      Button('登录')
        .onClick(() => this.handleLogin());

      if (this.loading) {
         LoadingProgress().height(180);
      }
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.