Skip to content
微信小程序手势解锁(Dom实现,避免小程序Canvas卡顿问题),基于 Mpvue
JavaScript Vue HTML
Branch: master
Clone or download
Latest commit 73abb0e Sep 12, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build init: first version Aug 16, 2018
config init: first version Aug 16, 2018
src feat: wrong password Aug 16, 2018
static init: first version Aug 16, 2018
.babelrc init: first version Aug 16, 2018
.editorconfig init: first version Aug 16, 2018
.gitignore init: first version Aug 16, 2018
.postcssrc.js init: first version Aug 16, 2018
README.md docs: README.md Sep 12, 2018
index.html init: first version Aug 16, 2018
package-lock.json init: first version Aug 16, 2018
package.json init: first version Aug 16, 2018
project.config.json init: first version Aug 16, 2018

README.md

简介

微信小程序的手势解锁组件。基于Mpvue开发。另有 原生小程序版本的手势解锁

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

截图

d-tools

构建

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

组件位于 src/components/mpvueGestureLock

可自行参考样例进行修改

组件属性

  • containerWidth 容器宽度 单位rpx
  • cycleRadius 锁圆宽度 单位rpx
  • password 正确密码
You can’t perform that action at this time.