# verification

**Repository Path**: shi-fan-a/verification

## Basic Information

- **Project Name**: verification
- **Description**: 提供滑动验证、验证码验证、点选验证、12306识物验证、拼图验证等
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-09-15
- **Last Updated**: 2022-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 验证组件
## 项目介绍
- 项目名称：验证组件
- 功能：提供滑动验证、验证码验证、点选验证、12306识物验证、拼图验证等
## 效果演示
![](./img/page1.gif)

![](./img/page2.gif)

![](./img/page3.gif)

![](./img/page4.gif)

![](./img/page5.gif)

## 安装教程
在sdk6，DevEco Studio 2.2 Beta1下项目可直接运行。
### 项目目录
![](./img/1.png)
### 组件接口
### props接口数据
#### 滑动验证
- canvasImgList：验证图片地址
- imgWidth：验证图片宽度
- imgHeigth：验证图片高度
- text:底部文字
#### 验证码验证
- verificationLength：验证码长度
- isCaseSensitive：验证时是否区分大小写
- isShowLine：是否绘制干扰线
- isShowDot：是否绘制干扰点
#### 点选验证
- imgList：验证主图地址列表
- idiomList：验证文字列表
- imgWidth：图片宽度
- imgHeigth：图片高度
- showTextLength：验证的文字长度
- isRandom：文字是否随机打乱
#### 识物验证
- imgList：验证主图地址列表
- itemImgWidth：验证图片的宽
- showImgNum：验证图片的个数
- verificationValue：验证图片类型
- tolerance： 验证容差
#### 拼图验证
- canvasImgList：验证主图地址列表
- imgWidth：图片宽度
- imgHeigth：图片高度
- rowColumn：行和列
#### 事件
- verificationSuccess：验证成功
- verificationError：验证失败
### 使用说明
- 下载项目，复制common\component下组件到自己的项目中
- 引入组件
```html
<element name="verificationType1"  src="../../common/component/verificationType1/verificationType1.hml"></element>
```
- 使用组件
```html
<verificationType1
        canvas-img-list="{{ canvasImgList }}"
        img-heigth="{{ 200 }}"
        img-width="{{ 338 }}"
        @verification-success="verificationSuccess"
        @verification-error="verificationError"
        >
</verificationType1>
```
- 组件事件
```js
// 验证成功的回调
verificationSuccess() {
    prompt.showToast({
        message: '验证成功',
        duration: 2000,
    });
},
// 验证失败的回调
verificationError() {
    prompt.showToast({
        message: '验证失败',
        duration: 2000,
    });
}
```
作者：石凡