CountDown
倒计时组件
CountButton
倒计时按钮组件
Usage
<template>
<CountButton />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { CountButton } from '/@/components/CountDown';
export default defineComponent({
components: { CountButton },
});
</script>
Props
属性 | 类型 | 默认值 | 可选值 | 说明 |
---|---|---|---|---|
value | any | - | - | 绑定值 |
count | number | 60 | - | 倒计时时间 |
beforeStartFunc | ()=>promise | - | - | 倒计时之前执行的函数,返回 true 才会开始执行 |
CountDownInput
倒计时输入框按钮组件
Usage
<template>
<CountdownInput />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { CountdownInput } from '/@/components/CountDown';
export default defineComponent({
components: { CountdownInput },
});
</script>
Props
属性 | 类型 | 默认值 | 可选值 | 说明 |
---|---|---|---|---|
value | any | - | - | 绑定值 |
size | string | 'default', 'large', 'small' | - | 输入框即按钮大小 |
count | number | 60 | - | 倒计时时间 |
sendCodeApi | ()=>promise | - | - | 倒计时之前执行的函数,返回 true 才会开始执行 |