Skip to content

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 才会开始执行