@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)
}
}