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

使用Stack、Column、Row等布局组件组合构建页面结构。TextInput用于用户名和密码输入，Text用于显示欢迎文字，Button用于登录操作，Image用于显示图标和图片，LoadingProgress可选展示加载状态。

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);
      }
    }
  }
}