CustomProtocolDialog.ets 1.95 KB
@CustomDialog
export struct CustomProtocolDialog {
  controller: CustomDialogController

  cancel: () => void = () => {
  }

  confirm: () => void = () => {
  }

  build() {
    Column() {
      Text("温馨提示")
        .fontColor("#222222")
        .fontSize(18)
        .width("100%")
        .fontWeight(FontWeight.Bold)
        .textAlign(TextAlign.Center)
        .margin({ top: 20 })
      Text() {
        Span("为保障您的合法权益,请阅读并同意").fontSize(14).fontColor("#666666")
        Span("《用户协议》").fontSize(14).fontColor("#ED2800")
        Span("及").fontSize(14).fontColor("#666666")
        Span("《隐私政策》").fontSize(14).fontColor("#ED2800")
        Span("后进行登录").fontSize(14).fontColor("#666666")
      }.margin({ top: 12, left: 16, right: 16 })

      Divider().color("#999999").width("100%").margin({ top: 14 }).height('1vp')
      Row() {
        Text('放弃登录')
          .fontSize(16)
          .fontColor("#999999")
          .layoutWeight(1)
          .fontWeight(FontWeight.Medium)
          .textAlign(TextAlign.Center)
          .onClick(() => {
            this.controller.close()
            if (this.cancel) {
              this.cancel()
            }

          })
          .height('100%')
        // Divider().color("#999999").height('100%').width('0.5vp')
        Text('同意并登录')
          .fontSize(16)
          .fontColor("#ED2800")
          .layoutWeight(1)
          .fontWeight(FontWeight.Medium)
          .textAlign(TextAlign.Center)
          .border({
            width: { left: 1 },
            color: "#999999",
            style: { left: BorderStyle.Solid }

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