https://github.com/geminate/mpvue-gesture-lock
微信小程序手势解锁(Dom实现,避免小程序Canvas卡顿问题),基于 Mpvue
https://github.com/geminate/mpvue-gesture-lock
gesture-lock miniprogram mpvue
Last synced: 10 months ago
JSON representation
微信小程序手势解锁(Dom实现,避免小程序Canvas卡顿问题),基于 Mpvue
- Host: GitHub
- URL: https://github.com/geminate/mpvue-gesture-lock
- Owner: geminate
- Created: 2018-08-16T09:12:28.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-12T07:07:30.000Z (almost 8 years ago)
- Last Synced: 2025-06-06T08:37:35.584Z (about 1 year ago)
- Topics: gesture-lock, miniprogram, mpvue
- Language: JavaScript
- Homepage:
- Size: 84 KB
- Stars: 34
- Watchers: 1
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 简介
> 微信小程序的手势解锁组件。基于Mpvue开发。另有 [原生小程序版本的手势解锁](https://github.com/geminate/mini-gesture-lock)
**组件使用 DOM 实现,非Canvas。原因是微信小程序的Canvas目前存在问题,网上其他使用Canvas实现手势解锁的组件在小程序中存在严重的卡顿问题**
## 截图

## 构建
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
```
组件位于 src/components/mpvueGestureLock
可自行参考样例进行修改
## 组件属性
- containerWidth 容器宽度 单位rpx
- cycleRadius 锁圆宽度 单位rpx
- password 正确密码