Skip to content
目录

验证码

基本使用

vue
<template>
  <!-- <h2>验证码</h2> -->
  <jp-cell title="验证码" :show-arrow="false" :ripple="false" @cellClick="doCodebtn">
    <view class="flex" style="justify-content: flex-end; width: calc(100vw - 90px)">
      <jp-code-btn :auto-count-down="true" :second="value" @onClick="onClick"></jp-code-btn>
    </view>
  </jp-cell>
</template>
<script lang="ts" setup>
const value = ref()
const onClick = () => {}
</script>

props

属性列表:

属性名类型默认值
secondNumber60
backgroundColorString'#FFF'
colorStringthemeStyle.primary
borderColorStringthemeStyle.primary
autoCountDownBooleanfalse

事件列表:

触发器名称描述
timeup当时间结束时触发
do-click当点击时触发

©2022 By 绝配移动端组件库