1.1.0 • Published 4 years ago
@yangxc/image-verify-code v1.1.0
image-verify-code
图片滑动验证码
咋装下呢?
npm i @yangxc/image-verify-code
或者使用 yarn add @yangxc/image-verify-code
看下到底是个啥
用起来！兄弟萌！
使用咋装下呢?中的命令将该插件安装到你的项目之后，就可以在main.js中使用import引入，然后使用js.use(XXX)使用即可。
import ImageVerifyCode from '@yangxc/image-verify-code'
Vue.use(ImageVerifyCode)参数都有啥
| 参数名儿 | 含义 | 类型 | 默认值 |
|---|---|---|---|
| image-width | 大图宽度(分辨率宽度) | Number | 300 |
| big-img-src | 大图地址(base64 or XXX.xxx) | String | 默认大图示例地址 |
| small-img-src | 小图地址(base64 or XXX.xxx) | ||
| small-img-top | 小图距离顶部高度 | Number | 160 |
| back-speed | 滑块返回速度(每毫秒移动的px值) | Number | 2 |
写在最后的话
这是自己编写的第一个组件，肯定有很多不足之处，如果你使用并且发现到啦，烦请联系我，我们一起修复掉它！下面是我的联系方式:
- Email：xicunyang@163.com