Skip to content

React移动端使用canvas实现手势密码登录的组件

License

Notifications You must be signed in to change notification settings

candy4290/rc-gusture-unlock

Repository files navigation

rc-gusture-unlock

react component used in mobile

Live Demo

Simple: https://codesandbox.io/s/magical-robinson-roh9hz Methods: https://codesandbox.io/s/zlke2q

image

Install

rc-gusture-unlock

Usage

import GustureLock from 'rc-gusture-unlock';
import { render } from 'react-dom';

render(<GustureLock />, mountNode);

API

Property Type Default Description
className string '' additional class name of textarea
style React.CSSProperties - style properties of textarea
callBack function(e) - The callback function that is triggered when touchEnd is triggered
initColor string '#A6A6A6' initial circle color
initColor string '#A6A6A6' initial circle color
successColor string '#3a85ff' success color
errorColor string 'red' error color
size number 280 component's width or height

Methods

Property params Description
success - show success status
error - show error status
reset - reset the component to initial stat

Development

npm install
npm start

License

rc-gusture-unlock is released under the MIT license.

About

React移动端使用canvas实现手势密码登录的组件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published