subject-two/entry/src/main/ets/pages/compontents/errorMsgDialog.ets

@CustomDialog
export default struct errorMsgDialog {
  private controller?: CustomDialogController
  cancel: () => void = () => {
  }
  confirm: () => void = () => {
  }
  dialogRatio:number=0.8
  title?: string
  type: string //1 tip 2loading 3Dialog
  @State angle: number = 0

  @Styles
  commStyle(){
    .width(220 * globalThis.ratio * this.dialogRatio *0.6)
    .height(69 * globalThis.ratio * this.dialogRatio*0.6)
    .backgroundImage($r('app.media.button_nor'))
    .backgroundImageSize({ width: '100%', height: '100%' })
    // .margin({ bottom: 12 * this.ratio })
  }

  build() {
    Column() {
      if(this.title){
        Text(this.title)
          .fontSize(30* this.dialogRatio)
          .margin(120* this.dialogRatio)
      }
      if (this.type=='2') {
        Image($r('app.media.open_loading'))
          .width(200)
          .rotate({ angle: this.angle })
          .height(200)
          .animation({
            duration: 5000, // 动画时长
            curve: Curve.EaseOut, // 动画曲线
            delay: 500, // 动画延迟
            iterations: -1, // 播放次数
            playMode: PlayMode.Normal, // 动画模式
          })
          .margin(50)
      }
      if (this.type=='3') {
        Row() {
          Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
            Text('  取   消  ')
              .fontSize(24 * globalThis.ratio* this.dialogRatio*0.6 )
              .fontColor('#fff')
              .width(60 * globalThis.ratio* this.dialogRatio)
          }
          .commStyle()
          .onClick(() => {
            if (this.controller != undefined) {
              this.cancel()
              this.controller.close()
            }
          }).margin({ right: 10 * globalThis.ratio * this.dialogRatio})

          Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
            Text('  确   定  ')
              .fontSize(24 * globalThis.ratio* this.dialogRatio*0.6)
              .fontColor('#fff')
              .width(60 * globalThis.ratio* this.dialogRatio)
          }
          .commStyle()
          .onClick(() => {
            if (this.controller != undefined){
              this.confirm()
              this.controller.close()
            }
          })
        }.padding({bottom:20})

      }
    }.backgroundColor('#E6E3DF')
    .borderRadius(19 * globalThis.ratio)
    .constraintSize({ minWidth: 520 })
  }

  aboutToAppear() {
    AppStorage.SetOrCreate('errorMsg', 0);
    setTimeout(() => {
      console.log('this.type',this.type,this.angle)
      if (this.type=='2') {
        this.angle = 360
      }
    },1000)
    if(this.type=='1'){
      setTimeout(()=>{
        this.controller.close()
      },2000)
    }
  }
  aboutToDisappear() {
    this.title=''
    this.angle = 0
  }
}