vue-vertify-code

vue前端图形验证码

使用方法

import VertifyCode from 'verification-code'
<template>
    <vertify-code></vertify-code>
</template>

export default {
    components: {
        VertifyCode
    }
}

属性

1. src： 指定图片地址，默认：https://api.likepoems.com/img/bing
2. radius: 拼图中原型部分的半径，默认：8
3. side: 拼图中正方形部分的边长：默认36
4. width、height: 图验矩形宽度和高度，分别默认: 300和160
5. sliderSide: 滑块边长，默认：40

说明

• 默认图片自互联网: https://api.likepoems.com/img/bing ———— 随机图;
• 也可通过属性src进行自定义
• 若默认的网图或自定义的src地址无法正确获取图片，则降级采用内置的图片(5张随机)

TODO

• [X] 图片来源支持自定义
• [ ] [ ] 支持数字验证码
• [ ] [ ] 支持更多类型的验证码