点击获取验证码按钮 动画

  sendSms() {
    const that = this
    if (that.data.btnFlag) {
      that.setData({
        btnFlag: false // 默认是蓝色,用户点击获取验证码按钮的时候,按钮变成灰色
      })
    } else {
      return  // 设置节流阀,防止用户一直点击。
    }
    wx.showLoading({
      title: '正在发送短信',
    })
    wx.request({
      url: api.baseUrl + 'api/manyi/sendSms',
      method: 'POST',
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      data: {
        // orderId: wx.getStorageSync('orderId'), //订单code
        orderId: that.data.orderId, //订单code
        bankCardCertNo: that.data.idCardNo, //银行卡证件号
        bankCardNo: that.data.bankCardNo, //银行卡号
        bankCardPhone: that.data.bankCardPhone, // 银行卡预留手机号
        bankCardName: that.data.name, // 银行卡持卡人姓名
        idCardEffDate: that.data.idCardEffDate, // 身份证签发日期 2019-01-01
        idCardExpDate: that.data.idCardExpDate // 身份证有效日期
      },
      success: (res) => {
        wx.hideLoading()
        console.log(res.data)
        if (res.data.result) {
          that.setData({
            billNo: res.data.message // 短信发送接口的返回值
          })
          // 只有短信在发送成功之后再做动画
          var timer = setInterval(function() {
            that.setData({
              second: that.data.second - 1
            })
            if (that.data.second < 1) {
              clearInterval(timer)
              that.setData({
                btnFlag: true,
                second: 60
              })
            }
          }, 1000)
        } else {
        // 这里注意,发送失败的时候,一定要将 获取验证码 按钮恢复原样,从而让用户可以再次点击
          that.setData({
            btnFlag: true
          })
          api.showModal({
            content: res.data.message
          })
        }
      },
      fail: (e) => {
        api.showModal({
          content: '网络异常,请稍后重试'
        })
      }
    })
  },

支付宝小程序 如果在发送请求之前设置 加载的loading 。如果发送请求 成功,里面的toast提示就不会显示了。很讨厌。但是微信就可以。不知道其他的大佬是咋解决的。。。。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值