03-页面跳转案例-ArkTS（声明式开发范式）_arkts 跳转内容 详情页

第一个页面的代码：

src/main/ets/pages/First.ets

import router from '@ohos.router'

@Entry
@Component
struct First {
  build() {
    Column() {
      Text('Harmony OS')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .margin({bottom:'10vp'})
      Button('点击去往下一页...')
        .width('50%')
        .height(50)
        .onClick(() => {
          router.pushUrl({
            url: "pages/Second"
          })
        })
    }
    .width('100%')
    .height('100%')
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

第二个页面的代码：

src/main/ets/pages/Second.ets

import router from '@ohos.router'
@Entry
  @Component
  struct Second {
  build() {
    Column() {
      Text('OpenHarmony OS')
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
        .margin({bottom:'10vp'})
      Button('返回...')
        .width("40%")
        .height('50vp')
        .onClick(()=>{
          router.back();
        })
    }
    .width('100%')
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20