代码部分

@Component
struct LoginPage {
  @State userName:string = "";
  @State passWorld:string = "";
  build() {
    Column() {
      Row() {
        Text("账号：").fontSize(22).width('20%')
        TextInput({ placeholder: "请输入账号" ,text:this.userName}).fontSize(26)
          .onChange((EnterKeyType)=>{
            this.userName = EnterKeyType;
          }).width('80%')
      }
      Blank()
      Row() {
        Text("密码：").fontSize(22).width('20%')
        TextInput({ placeholder: "请输入密码" ,text:this.passWorld})
          .type(InputType.Password).fontSize(26)
          .onChange((EnterKeyType)=>{
            this.passWorld = EnterKeyType;
          }).width('80%')
      }
      Blank()
      Row(){
        Button("登录").width('80%').onClick(()=>{
          if(this.userName == "admin" && this.passWorld == "123456"){
            console.log("登录测试成功");
          }else{
            console.log("账号密码有误");
          }
        })
      }
    }.width('100%').height('30%')
    .justifyContent(FlexAlign.Center)
    .margin({top:100})
  }
}

效果图