HarmonyOS鸿蒙Next中点击登录按钮报错

HarmonyOS鸿蒙Next中点击登录按钮报错

import { promptAction, router } from ‘@kit.ArkUI’; import cloud, { AuthUser, VerifyCodeAction } from ‘@hw-agconnect/cloud’; import { BusinessError } from ‘@kit.BasicServicesKit’;

@Entry @Component struct Login { @State mobile:string = ‘’; @State password:string = ‘’ @State verifyCode:string = ‘’ //手机验证码 @State isEnable:boolean = true //是否发送验证码

curUser:AuthUser | null = null //用来保存当前登录用户的实体

//获取手机验证码 getVerifyCode(){ this.isEnable = false cloud.auth().requestVerifyCode({ action:VerifyCodeAction.REGISTER_LOGIN, lang:‘zh_CN’, sendInterval:60, verifyCodeType:{ phoneNumber:this.mobile, countryCode:‘86’, kind:‘phone’ } }).then(verifyCodeResult =>{ //验证码申请成功 console.log(‘hmlog–>’,‘验证码失效时间:’ +verifyCodeResult.getValidityPeriod()) promptAction.showToast({message:‘已经成功收到了验证码，请在1分钟内输入’}) this.isEnable = true }).catch((err:BusinessError) =>{ // 验证码申请失败 console.log(‘hmlog–>’,‘get VerifyCode Failed Err’ +JSON.stringify(err)) promptAction.showToast({message:‘验证码申请失败，请稍后再试’}) this.isEnable = true }) }

//手机+验证码登录

loginByVerifyCode(){ cloud.auth().signIn({ credentialInfo:{ kind:‘phone’, phoneNumber:this.mobile, countryCode:‘86’, verifyCode:this.verifyCode } }).then(user =>{ //登录成功 promptAction.showToast({message:‘用户登录成功’}) setTimeout(() =>{ router.replaceUrl({url:‘pages/Index/Index’}) },1000) }).catch((err:BusinessError) =>{ //登陆失败 console.log(‘hmlog–>’,‘Logine Failed Err’ +JSON.stringify(err)) AlertDialog.show({message:‘登陆失败’}) }) }

//手机+密码登录 loginByPassWord(){ cloud.auth().signIn({ credentialInfo:{ kind:‘phone’, phoneNumber:this.mobile, countryCode:‘86’, password:this.password } }).then(user =>{ //登录成功 promptAction.showToast({message:‘用户登录成功’}) setTimeout(() =>{ router.replaceUrl({url:‘pages/Index/Index’}) },1000) }).catch((err:BusinessError) =>{ //登陆失败 console.log(‘hmlog–>’,‘Logine Failed Err’ +JSON.stringify(err)) AlertDialog.show({message:‘登陆失败’}) }) }

build() { Column() { Text(“安安旅游”) .fontColor($r(“app.color.text_primary”)) .fontSize(32) .height(25) .fontWeight(FontWeight.Bold)

  Row() {
    Text("账号登录")
      .fontColor($r("app.color.text_primary"))
      .fontSize(24)
      .fontWeight(FontWeight.Bold);

    Row() {
      Text("账号登录")
        .fontColor($r("app.color.primary"))
        .fontWeight(FontWeight.Bold);
      Image($r("app.media.ic_angle"))
        .width(10)
        .aspectRatio(1)
        .margin({ left: 5 });
    }
  }
  .width('100%')
  .justifyContent(FlexAlign.SpaceBetween)
  .margin({ top: 50, bottom: 50 });

  TextInput({ placeholder: "请输入手机号" })
    .width('80%')
    .type(InputType.Number)
    .inputStyle()
    .onChange(val =>{
      this.mobile = val
    })


  TextInput({ placeholder: "请输入密码" })
    .width('80%')
    .type(InputType.Password)
    .inputStyle()
    .onChange(val =>{
      this.password = val
    })

  Row({space:5}){
    TextInput({placeholder:'手机验证码'})
      .width('80%')
      .type(InputType.Number)
      .enabled(this.isEnable)
      .backgroundColor(this.isEnable?Color.White:Color.Gray)
      .onChange(val=>{
        this.verifyCode = val
      })

    Button('获取验证码')
      .width('30%')
      .enabled(this.isEnable)
      .backgroundColor(this.isEnable?Color.Red:Color.Gray)
      .onClick(()=>{
        if (this.mobile==='') {
          promptAction.showToast({message:'请输入手机号'})
          return
        }
        this.getVerifyCode()
      })
  }

  Button('手机+验证码登录')
    .width('80%')
    .height(50)
    .fontWeight(800)
    .margin({ top: 20 })
    .onClick(async()=>{
      if (this.mobile === '') {
        promptAction.showToast({"message":"请输入注册手机号"})
        return
      }
      if (this.verifyCode === '') {
        promptAction.showToast({"message":"请输入手机验证码"})
        return
      }
      this.loginByVerifyCode()
    })

  Button('手机+密码登录')
    .width('80%')
    .height(50)
    .fontWeight(800)
    .margin({ top: 20 })
    .onClick(async()=>{
      if (this.mobile === '') {
        promptAction.showToast({"message":"请输入注册手机号"})
        return
      }
      if (this.password === '') {
        promptAction.showToast({"message":"请输入注册密码"})
        return
      }
        this.loginByPassWord()
    })

  Row() {
    Text("新用户注册")
      .height(20)
      .margin({ top: 20 })
      .fontColor($r('app.color.text_primary'))
    .onClick(()=>{
      router.pushUrl({ url: 'pages/Login/Register' });
    });

    Text("忘记密码")
      .height(20)
      .margin({ top: 20 })
      .fontColor($r('app.color.text_primary'))
      .onClick(()=>{
        router.pushUrl({ url: 'pages/Login/ForgetPWD' });
      });
  }
  .justifyContent(FlexAlign.SpaceAround)
  .width('80%')

}
.width('100%')
.height('100%')
.padding({ left: 32, right: 32 })
.margin({ top: 40 });

}

@Styles inputStyle() { .backgroundColor(Color.White) .border({ width: { bottom: 1 }, color: $r(“app.color.background_divider”) }) .width(‘100%’) .height(58) .borderRadius(0) } }

<1759>GetDecorHeight: Get app window decor height failed