# tianai-captcha-vue2

**Repository Path**: meixl/tianai-captcha-vue2

## Basic Information

- **Project Name**: tianai-captcha-vue2
- **Description**: 专业对接天爱有情验证码20年~~
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-07-20
- **Last Updated**: 2024-07-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 后台demo仓库地址
> [tianai-captcha-demo](https://gitee.com/tianai/tianai-captcha-demo)


## 环境

- [ ] vue2
- [ ] nodejs 16+
## 配置选项

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| --- | --- | --- | --- | --- |
| type | 验证码类型 | String | SLIDER、ROTATE_DEGREE、CONCAT、ROTATE | SLIDER |
| title | 验证码标题 | String | - | 拖动滑块完成拼图 |
| titleAlign | 标题水平方向（justify-content 选值） | String | flex-start、center、flex-end | center |
| titleColor | 验证码标题字体颜色 | String |  | rgb(230, 162, 60) |
| titleFontSize | 验证码标题字体 | Number | - | 15 |
| titleWeight | 标题字体粗细 | String | - | bold |
| bgImage | 背景图片 | String | - | - |
| width | 验证码宽度 | Number | - | 300 |
| height | 验证码高度 | Number | - | 300 |
| margin | 验证码与外边界边距 | Number | - | 20 |
| borderRadius | 圆角 | Number | - | 10 |
| moveBtnImg | 滑块背景图 | String | - | - |
| moveBtnImgWidth | 滑块图片宽度 | Number | - | 53 |
| moveBtnImgHeight | 滑块图片高度 | Number | - | 38 |
| trackerColor | 滑块滑过的样式 | String | - | #ef9c0d |
| trackerBgColor | 滑块滑过的背景样式 | String | - | #f7b645 |
| @closeCaptcha | 关闭验证码事件 | function |  |  |
| @refreshCaptcha | 刷新验证码事件 | function |  |  |
| @validateCaptcha | 验证事件 | function |  |  |

##