鸿蒙中短信倒计时的封装

@Component
export struct GetCode {
  @State content: string = "获取验证码"
  @State bool1: boolean = true
  private time: number = 10
  private timer: number = 0

  //收集数据  请求参数  不要再组件收集请求
  // @Prop mobile:string
  // @State formData:AskSMSType={
  //   "mobile":this.mobile,
  //   "type":""
  // }

  //请求 发送短信   不要在组件请求!!!
//   async  onSMS(){
// const serverData=await
//   }

  build() {
    Column() {
      Text(this.content).fontColor(this.bool1 ? Color.White : Color.Black)
        .onClick(() => {
          if (!this.bool1) {
            return
          }
          this.bool1 = !this.bool1
          this.time--
          this.content = `剩余${this.time}秒`
          this.timer = setInterval(() => {
            this.time--
            this.content = `剩余${this.time}秒`
            if (this.time <= 0) {
              clearInterval(this.timer)
              this.timer = 0
              this.time = 10
              this.content = "获取验证码"
              this.bool1 = true
            }
          }, 1000)

          return
        })

    }.width(100).backgroundColor(this.bool1 ? "#1678ff" : Color.Gray).padding(8).borderRadius(20)
  }
}