HarmonyOS 用CustomDialog自定义Dialog

import common from '@ohos.app.ability.common';  
@CustomDialog  
struct CustomDialogExample {  
  controller: CustomDialogController;  
  aboutToAppear() {  
    console.info('CustomDialogExample aboutToAppear');  
  }  
  aboutToDisappear() {  
    console.info('CustomDialogExample aboutToDisappear')  
  }  
  build() {  
    Column() {  
      Text('我是内容')  
        .fontSize(20)  
        .margin({ top: 10, bottom: 10 })  
    }  
  }  
}  
@Entry  
@Component  
struct CustomDialogUser {  
  private context = getContext(this) as common.UIAbilityContext;  
  dialogController: CustomDialogController = new CustomDialogController({  
    builder: CustomDialogExample(),  
  })  
  build() {  
    Column() {  
      Button('click me')  
        .onClick(() => {  
          this.dialogController.open()  
        })  
    }.width('100%').margin({ top: 5 })  
  }  
}