ng-jigsaw v0.0.2

ng-jigsaw

纯前端拼图拖动式验证组件。

安装

npm i ng-jigsaw --save

引用

在angular.json中引入基本样式：

  ...
  "styles": [
      "node_modules/ng-jigsaw/ng-jigsaw.css"
  ],
  ...

在 app.component.ts中引入NgJigsawModule

import { NgJigsawModule } from 'ng-jigsaw';
...
imports:[
    ...
    NgJigsawModule,
]

使用

普通使用

<ng-jigsaw mode='default'></ng-jigsaw>

显示图片控制

使用者可根据需求替换验证的背景图片

html:

<ng-jigsaw mode='default' (successBack)="success()" (refreshBack)="refresh($event)"></ng-jigsaw>

ts:

refresh(e){
    e.src = "https://picsum.photos/300/150/?image=60"
}

API