HarmonyOS 怎样实现开屏动画或图片?

import { router } from '@kit.ArkUI';  
//闪屏页面  
@Entry  
@Component  
struct Index {  
  private timeOutId: number = 0;  
  aboutToAppear(): void {  
    this.timeOutId = setTimeout(() => {  
      router.pushUrl({  
        url: 'pages/main'  
      })  
    },200)  
  }  
  aboutToDisappear(): void {  
    //this.breakpointSystem.unregister();  
    clearTimeout(this.timeOutId)  
  }  
  build() {  
    Column({space: 20}) {  
  
      Image($r('app.media.app_icon'))  
        .height('100vp')  
        .margin({top: '300vp'})  
      Text('hello mini task')  
        .fontColor('#66000000')  
        .fontWeight(FontWeight.Medium)  
    }  
    .height('100%')  
    .width('100%')  
  }  
}