【鸿蒙实战开发】HarmonyOS 页面路由 router 库的使用

原创

于 2024-07-27 20:27:31 发布 · 304 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #android #华为 #鸿蒙 #前端

第1个页面 index.ets


// 导入页面路由模块
import router from '@ohos.router'
// 公共回调信息
// import { base } from '@ohos.base';
// import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        // 添加按钮，以响应用户点击
        Button() {
          Text('Next')
            .fontSize(30)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 20
        })
        .backgroundColor('#0D9FFB')
        .width('40%')
        .height('5%')
        // 跳转按钮绑定onClick事件，点击时跳转到第二页
        .onClick(() => {
          console.info(`Succeeded in clicking the 'Next' button.`)
          // 跳转到第二页
          router.pushUr