https://github.com/geminate/mini-gesture-lock

微信小程序手势解锁（Dom实现，避免小程序Canvas卡顿问题），基于原生小程序
https://github.com/geminate/mini-gesture-lock

gesture-lock miniprogram

Last synced: 11 months ago
JSON representation

微信小程序手势解锁（Dom实现，避免小程序Canvas卡顿问题），基于原生小程序

• Host: GitHub
• URL: https://github.com/geminate/mini-gesture-lock
• Owner: geminate
• Created: 2018-08-17T02:58:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-17T02:58:35.000Z (over 7 years ago)
• Last Synced: 2025-03-26T01:51:07.265Z (12 months ago)
• Topics: gesture-lock, miniprogram
• Language: JavaScript
• Homepage:
• Size: 4.88 KB
• Stars: 46
• Watchers: 2
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wechat-app - mini-gesture-lock - 微信小程序手势解锁(无Android Canvas卡顿问题) (组件)
• awesome-wechat-weapp - mini-gesture-lock - 微信小程序手势解锁(无Android Canvas卡顿问题) (组件)
• awesome-wechat-app - mini-gesture-lock - 微信小程序手势解锁(无Android Canvas卡顿问题) (组件)

README

          
## 简介

> 微信小程序的手势解锁组件。基于微信小程序原生开发。

另有 [Mpvue 版本的手势解锁](https://github.com/geminate/mpvue-gesture-lock)

**组件使用 DOM 实现，非Canvas。原因是微信小程序的Canvas目前存在问题，网上其他使用Canvas实现手势解锁的组件在小程序中存在严重的卡顿问题**

## 截图



## 构建

组件位于 components/miniGestureLock 


库文件位于 lib/gestureLock.js

可自行参考样例进行修改

## 组件属性

- containerWidth 容器宽度 单位rpx

- cycleRadius    锁圆宽度 单位rpx

- password 正确密码