Vue实现简单实用的 6 位验证码虚线输入框

效果图如上。GitHub地址(包括打包成浏览器组件)，感谢支持！！！

在开发中，我们可能会经常遇到 验证码组件，上图就是我们设计师给的 UI

Remark：具体效果要看需求、样式还是要自己修改一下（可以自己传入 props 定义验证码的长度。）

-------------------------------------------

之前有小伙伴说没有效果，是因为我是贴了项目上的部分代码，颜色都是白色，现在已经设置了 #323232 , 可以直接看见效果啦。（！！！注意父级样式影响哦）

-------------------------------------------

方式一：直接 npm 安装使用

npm install @auspicious/vue-vercode

引入组件

<template>
  <div>
    <VueVercode :codeLength="6" />
  </div>
</template>
 
<script>
import VueVercode from "@auspicious/vue-vercode";
 
export default {
  components: {
    VueVercode
  }
};
</script>
 
<style>
</st