2 Star 11 Fork 3

風平浪靜 / react-simple-verify

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

react-simple-verify

简易滑动验证之react组件

截图

1

2

安装

$ npm install react-simple-verify

注册组件

import React from 'react'
import ReactSimpleVerify from 'react-simple-verify'
import 'react-simple-verify/dist/react-simple-verify.css'

使用组件

<ReactSimpleVerify ref="verify" success={ this.success.bind(this) }/>

重置状态方法

/**
 * 重置
 */
private reset() {
  const $verify = this.refs.verify as ReactSimpleVerify
  $verify.reset()
  this.setState({
    isPass: false
  })
}

参数说明

字段名 字段类型 默认值 说明
width number 340 长度
height number 36 宽度
borderColor string #e4e4e4 边框颜色
bgColor string #f2f3f5 背景颜色
borderRadius number 4 圆角大小
tips string 请按住滑块,拖动到最右边 提示文案
barBackground string 默认图片 滑块的背景颜色,可以是图片
movedColor string 默认颜色 滑过的颜色
successTips string 完成验证 成功文案
successIcon string 默认图片 成功后的图标

事件

事件名 说明 回调参数
success 验证完成后的回调函数 -

方法

事件名 说明 参数
reset 使验证器重置为初始状态 -
MIT License Copyright (c) 2020 風平浪靜 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

React简易滑动验证组件 展开 收起
JavaScript 等 5 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/mycssweb/react-simple-verify.git
git@gitee.com:mycssweb/react-simple-verify.git
mycssweb
react-simple-verify
react-simple-verify
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891