@Entry
@Component
export struct ScienceVideoPage {
  @State message: string = 'Hello World';

  onPageShow(): void {
    console.log('ScienceVideoPage onPageShow!');
  }

  onPageHide(): void {
    console.log('ScienceVideoPage onPageShow!');
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('ScienceVideoPageHelloWorld')
        .fontSize($r('app.float.page_text_font_size'))
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onClick(() => {
          this.message = 'Welcome';
        })
    }
    .height('100%')
    .width('100%')
  }
}