Verification验证码

author: 闫申申

定义

手机验证码弹层，包含短信倒计时的组件。

图片展示

Verification 验证码 - 图1

代码演示

  2. import Verification from 'pile/dist/components/verification'
  4. <Verification
  5.   show={true}
  6.   phone="13269699598"
  7.   timer={30}
  8.   len={4}
  9.   inputBack={function(val){console.log(val)}}  
  10.   resetBack={function(){console.log(123)}}
  11. />

属性

参数 描述 数据类型 默认值
show 是否展示 bool true
phone 电话号码 string 13222229999
timer 倒计时 number 30
inputType 小键盘类型 string tel
len 验证码数 number 4
inputBack 输入完成后的回调 function
closeBack 关闭后的回调 function
resetBack 点击重新发送后的回调 function
verTitleText 标题名称 string 请输入手机验证码
sendToText 手机号码前文字提示 string 验证码发送至
reoccurrenceText 秒数字后的文字提示 string 秒后可重发
resendText 重新发送按钮的文字提示 string 重新发送

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-verification.html