HarmonyOS 鸿蒙Next 马拉松报名demo#鸿蒙场景化代码#

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 马拉松报名demo#鸿蒙场景化代码#
<markdown _ngcontent-jsx-c147="" class="markdownPreContainer">

介绍

示例代码提供了体育赛事报名类应用级别的Demo。

demo详情链接

https://gitee.com/scenario-samples/ma-la-song-bao-ming

</markdown>

更多关于HarmonyOS 鸿蒙Next 马拉松报名demo#鸿蒙场景化代码#的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next 马拉松报名demo#鸿蒙场景化代码#的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对您提出的“HarmonyOS 鸿蒙Next 马拉松报名demo#鸿蒙场景化代码#”问题,以下是一个简化的示例代码,展示了如何在HarmonyOS中构建一个马拉松报名场景的应用片段。此代码使用ArkUI(TS扩展)进行界面构建,不涉及Java或C语言。

@Entry
@Component
struct MarathonRegistration {
  @State private name: string = '';
  @State private age: number = 0;
  @State private phone: string = '';

  build() {
    Row() {
      Column() {
        Text('姓名: ')
        TextField(this.name, (value) => (this.name = value))

        Text('年龄: ')
        TextField(this.age.toString(), (value) => {
          this.age = Number(value);
        })

        Text('电话: ')
        TextField(this.phone, (value) => (this.phone = value))

        Button('报名')
          .onClick(() => {
            if (this.name && this.age > 0 && this.phone) {
              console.log('报名成功:', { name: this.name, age: this.age, phone: this.phone });
            } else {
              console.log('请填写完整信息');
            }
          })
      }
    }.padding(20)
  }
}

此代码创建了一个简单的马拉松报名界面,包括姓名、年龄和电话输入框,以及一个报名按钮。当用户填写完信息并点击报名按钮时,会在控制台打印报名信息。如果信息不完整,会提示用户补全。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部