鸿蒙组件抽取-MkDialogLoading弹窗

温馨提示：本文最后更新于2024年10月25日 07:17，若内容或图片失效，请在下方留言或联系博主。

@CustomDialog
export struct MkDialogLoading {
  message: string = '加载中'
  controller: CustomDialogController

  build() {
    Column({ space: 10 }) {
      LoadingProgress()
        .width(48)
        .height(48)
        .color('#ffffff')
      if (this.message) {
        Text(this.message)
          .fontSize(14)
          .fontColor('#ffffff')
      }
    }
    .justifyContent(FlexAlign.Center)
    .width(120)
    .height(120)
    .backgroundColor('rgba(0,0,0,0.6)')
    .borderRadius(16)
  }
}

  // 使用自定义弹窗
  dialog = new CustomDialogController({
    builder: MkDialogLoading({ message: '拼命加载中...' }), // 抽取弹窗设置给 控制器
    alignment: DialogAlignment.Center, // 位置
    customStyle: true // 背景透明
  })

this.dialog.open() // 开启自定义弹窗
this.dialog.close() // 关闭自定义弹窗

标签：鸿蒙组件