验证码
基本使用
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
属性列表:
属性名 | 类型 | 默认值 |
---|---|---|
second | Number | 60 |
backgroundColor | String | '#FFF' |
color | String | themeStyle.primary |
borderColor | String | themeStyle.primary |
autoCountDown | Boolean | false |
事件列表:
触发器名称 | 描述 |
---|---|
timeup | 当时间结束时触发 |
do-click | 当点击时触发 |