鸿蒙计算机

import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct JiSuanQiPage {
  @State message: string = 'Hello World';
  @State num1:number=0;//数字1
  @State num2:number=0;//数字2
  @State num3:number=0;//结果
  @State fuHao:string='+';
  build() {
    Column(){
      Text(`${this.num1} ${this.fuHao} ${this.num2} ${this.num3}`)
      Row({space:25}){
        TextInput({text:'0'}).width(100)
          .onChange(val=>{
            this.num1=parseFloat(val)
          })
        TextInput({text:'+'}).width(100)
          .onChange(val=>{
            this.fuHao=val
          })
        TextInput({text:'0'}).width(100)
          .onChange(val=>{
            this.num2=parseFloat(val)
          })
      }
      .width('100%').height(100)
      Button('计算').width('80%')
        // 单机运行
        .onClick(()=>{
          if(this.fuHao==='+'){
            this.num3=this.num1+this.num2
          }else if(this.fuHao==='-'){
            this.num3=this.num1-this.num2
          }if(this.fuHao==='*'){
            this.num3=this.num1*this.num2
          }if(this.fuHao==='/'){
            this.num3=this.num1/this.num2
          }if(this.fuHao==='%'){
            this.num3=this.num1%this.num2
          }else {
          //   弹出一个提示框
            promptAction.showToast({message:"输入错误"})
          }
        })
    }
    .height('100%')
    .width('100%')
  }
}

鸿蒙输入框默认值

@Entry
@Component
struct Test01 {
  @State message: string = 'Hello World';
@State num1:number=0;//输入框默认值
  build() {
   Column(){
     TextInput({placeholder:"请输入数字"})
       .type(InputType.Number)//只能输入数字
       // onChange当值发生改变时会执行下边的代码
       .onChange(val=>{//val  默认值，输入的 值
         this.num1=parseInt(val);

       })
     Text(`${this.num1}`)
    }
    .height('100%')
    .width('100%')