支付寶小程序營銷組件 手勢解鎖·lock

與手機屏幕解鎖類似，需要保證兩次繪制的手勢圖案一致。

更多詳細信息請參見 代碼市場。

掃碼體驗

示例代碼

安裝

npm i ant-mini-lock --save

注冊

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

調(diào)用

<!-- .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');
  }
});

屬性