用户登录-手机验证码登录

一、验证码处理

1. 获取手机验证状态

2. 保证send-code获取form对象

   // SendCode.vue  
   this.$emit('getForm', form => this._sendCode(form))
   

3. 通过form进行手机号码单独验证，并获取手机号码

   const { phone } = await form.validateField(['phone']);
   

4. 启动定时器，调整文本显示内容

    const timeId = setInterval(() => {
           if (this.time === 1) {
             clearInterval(timeId)
             this.runTime = false
             this.time = 60
             return
           }
           this.time--
         }, 1000)
   

二、数据发送

1. 数据发送，创建云函数

2. 定义unicloud短信服务

   1. unicloud开发中心地址：https://dev.dcloud.net.cn/uniSms
   2. 短信参考配置地址：https://uniapp.dcloud.net.cn/uniCloud/send-sms

3. 前端接受返回值，保存验证码，加入验证码验证规则

4. 提交用户数据发送，指定参数phone及 type类型