@CustomDialog
@Component
export struct LoadingView {
  controller: CustomDialogController;
  @Prop loadingTips: string = '加载中...'
  @Prop loadingImage: ResourceStr = $r('app.media.tips')
  @Prop imageRotate: RotateOptions = { angle: 0 }

  build() {
    Column() {
      Row() {
        LoadingProgress().width(44).height(44).color(Color.White)
        // Image(this.loadingImage)
        //   .height(44)
        //   .width(44)
        //   .rotate(this.imageRotate)
        //   .onComplete(() => {
        //     this.imageRotate = { angle: 360 }
        //   })
        //   .animation({
        //     duration: 1000,
        //     curve: Curve.Linear,
        //     delay: 0,
        //     iterations: -1, // 无限次
        //     playMode: PlayMode.Normal
        //   })
      }

      Text(this.loadingTips)
        .fontColor(Color.White)
        .fontSize(16)
        .margin({
          top: 10
        })
    }
    .constraintSize({
      minWidth: 104,
      maxWidth: 104,
      minHeight: 104
    })
    .padding(16)
    .borderRadius(8)
    .backgroundColor('rgba(0, 0, 0, 0.7)')
  }
}
