ConfirmLogoutDialog.ets 1.57 KB
/**退出登录确认弹框*/

@CustomDialog
export struct ConfirmLogoutDialog {
  controller: CustomDialogController
  cancel: () => void = () => {
  }
  confirm: () => void = () => {
  }

  build() {
    Column() {
      Text("确认退出登录吗?")
        .fontColor("#222222")
        .fontSize(18)
        .width("100%")
        .fontWeight(FontWeight.Bold)
        .textAlign(TextAlign.Center)
        .margin({ top: 20 })

      Divider().color("#999999").width("100%").margin({ top: 20 }).height('1vp')
      Row() {
        Text('确认')
          .fontSize(16)
          .fontColor("#648DF2")
          .layoutWeight(1)
          .fontWeight(FontWeight.Medium)
          .textAlign(TextAlign.Center)
          .onClick(() => {
            this.controller.close()
            if (this.confirm) {
              this.confirm()
            }

          })
          .height('100%')
        // Divider().color("#999999").height('100%').width('0.5vp')
        Text('取消')
          .fontSize(16)
          .fontColor("#648DF2")
          .layoutWeight(1)
          .fontWeight(FontWeight.Medium)
          .textAlign(TextAlign.Center)
          .border({
            width: { left: 1 },
            color: "#999999",
            style: { left: BorderStyle.Solid }

          })
          .onClick(() => {
            this.controller.close()
            if (this.cancel) {
              this.cancel()
            }
          })
          .height('100%')
      }.layoutWeight(1).justifyContent(FlexAlign.Center)
    }.height(110).backgroundColor(Color.White).borderRadius(6).width('74%')
  }
}