HarmonyOS 页面以弹窗的样式弹出

@Component  
struct LoginPage {  
  build() {  
    Stack({ alignContent: Alignment.Top }) {  
      Image($r(‘app.media.launch_huawei’))  
      .width(‘100%’)  
      .aspectRatio(0.6) // 提前设置号图片宽高比，不然会被父组件高度压缩  
      TextInput()  
        .margin({ top: 100 })  
    }  
    .height(‘100%’).width(‘100%’)  
    .align(Alignment.Top)  
  }  
}  
  
@Builder  
function LoginBuilder() {  
  Column() {  
    LoginPage()  
  }.width(‘100%’)  
  .height(‘100%’)  
}  
  
@Entry  
@Component  
struct Index5701_2 {  
  @State isShow: boolean = false  
  build() {  
    Column() {  
      Button(“transition modal 1”)  
      .onClick(() => {  
        this.isShow = true  
      })  
        .fontSize(20)  
        .margin(10)  
        .bindContentCover(this.isShow, LoginBuilder(), {  
          modalTransition: ModalTransition.ALPHA,  
          backgroundColor: Color.Pink,  
          onAppear: () => {  
            this.isShow = true  
            console.log(“BindContentCover onAppear.”)  
          },  
          onDisappear: () => {  
            this.isShow = false  
            console.log(“BindContentCover onDisappear.”)  
          }  
        })  
    }  
    .justifyContent(FlexAlign.Center)  
    .backgroundColor("#ff49c8ab")  
    .width(‘100%’)  
    .height(‘100%’)  
  }  
}