HarmonyOS 页面跳转动画

import { router } from '@kit.ArkUI';  
@Entry  
@Component  
struct RouterPage1 {  
  @State message: string = 'Hello World';  
  build() {  
    RelativeContainer() {  
      Text(this.message)  
        .id('HelloWorld')  
        .fontSize(50)  
        .fontWeight(FontWeight.Bold)  
        .alignRules({  
          center: { anchor: '__container__', align: VerticalAlign.Center },  
          middle: { anchor: '__container__', align: HorizontalAlign.Center }  
        })  
      Button('点击跳转').onClick(()=>{  
        router.pushUrl({  
          url:'pages/irRouter/RouterPage2'  
        })  
      })  
    }  
    .height('100%')  
    .width('100%')  
    .backgroundColor(Color.Red)  
  }  
  
  pageTransition() {  
    PageTransitionEnter({type:RouteType.None, duration: 500})  
      .slide(SlideEffect.Bottom)  
    PageTransitionExit({type:RouteType.None, duration: 500})  
      .slide(SlideEffect.Top)  
  }  
}

@Entry  
@Component  
struct RouterPage2 {  
  @State message: string = 'Hello World';  
  build() {  
    RelativeContainer() {  
      Text(this.message)  
        .id('HelloWorld')  
        .fontSize(50)  
        .fontWeight(FontWeight.Bold)  
        .alignRules({  
          center: { anchor: '__container__', align: VerticalAlign.Center },  
          middle: { anchor: '__container__', align: HorizontalAlign.Center }  
        })  
    }  
    .height('100%')  
    .width('100%')  
    .backgroundColor(Color.Green)  
  }  
  pageTransition() {  
    PageTransitionEnter({type:RouteType.None, duration: 500})  
      .slide(SlideEffect.Bottom)  
    PageTransitionExit({type:RouteType.None, duration: 500})  
      .slide(SlideEffect.Top)  
  }  
}