支付宝小程序营销组件 手势解锁·lock

与手机屏幕解锁类似，需要保证两次绘制的手势图案一致。

更多详细信息请参见 代码市场。

扫码体验

示例代码

安装

npm i ant-mini-lock --save

注册

//.json
{
  "usingComponents": {
    "lock": "ant-mini-lock/src/lock/index"
  }
}

调用

<!-- .axml -->
<lock 
    canvasWidth="300" 
    canvasHeight="300" 
    drawColor="#3985ff" 
    canvasId="canvasLock" 
    chooseType="3"
    titleColor="#000000"
    titleText="绘制解锁图案"
    onFinish="onFinish">
</lock>

//.js
Page({
  data: {
  },
  onFinish() {
    console.log('finish');
  }
});

属性