<group class="shadow" gutter="0"><x-input v-model="mobileCaptcha" placeholder="请输入手机验证码" class="weui-vcode" keyboard="number" :max="6"></x-input><button @click="sendMessage" class="btn" ref="color">{{word}}</button></group>

 //  1.1 非空判断sendMessage() {if (!this.phoneNo) {this.$vux.toast.text("请输入手机号码");return false;}// if (!this.captcha) {//   this.$vux.toast.text("请输入图片验证码")//   return false;// }if (this.isOvertime) {this.$vux.toast.text("别急，正在发送中");return false;}this.sms();},//  2.短信验证码请求sms() {new Promise((resolve, reject) => {Api_auth.sms(this.captcha, this.phoneNo).then(response => {this.$vux.toast.text("短信已发送");// this.$refs.color.style.backgroundColor = "#2e82d8";let that = this,time = 60;var sendTimer = setInterval(function() {that.isOvertime = true;time--;that.word = time + " 后重新发送";if (time < 0) {that.isOvertime = false;clearInterval(sendTimer);that.word = "获取验证码";// that.$refs.color.style.backgroundColor = "#EF7E00";}}, 1000);}).catch(error => {this.$vux.toast.text(error);reject(error);});});},