1.0.0 • Published 11 months ago

sms-six-box v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
11 months ago

验证码输入框组件

  • 特点: 原生组件、跨平台、高性能、无框架依赖、体积小、 高度自定义、高可复用性、高扩展性
  • 适用: vue2、 vue3 、 react 、 jquery 、 原生html

引入

    <!-- 引入自定义组件  -->
    <script src="./sixCodeBox.js"></script>
    <!--  页面中使用 自定组件 -->
    <six-box-code disabled="false" id="codeBox" ></six-box-code>
 // 父页面监听 获取验证码
    window.addEventListener('completeCode', (e) => {
        console.log('e:', e.detail) // e.detail 中 会返回验证码
    })

  // 组件启用禁用
  document.querySelector('#codeBox').setAttribute('disabled', 'false')

API说明:

  • 属性:
属性名说明默认值
disabled禁用输入框false
  • 事件:
事件名说明备注
completeCode验证码输入完成(长度等于6位)

技术支持交流群:

  • 加群请备注:six-box
1.0.0

11 months ago