# CountDown 倒計時組件 ## CountButton 倒計時按鈕組件 ### Usage ```vue <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 ```vue <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 才會開始執行 |