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 正确密码