js-countdown-zk

vue 文件下载

Install via NPM/Yarn

npm install js-countdown-zk

yarn add js-countdown-zk

Example - basic

<template>
  <countdown-zk :countdownConfig="countdownConfig" @end="countdownEnd"></countdown-zk>
</template>

<script>
import CountdownZk from 'js-countdown-zk'

export default {
    components: {
        CountdownZk
    },
    data() {
        return {
            countdownConfig: {
                time: 10,
                btnText: '获取验证码',
                resetText: '重新发送',
                style: {
                    color: '#fff',
                    fontSize: '14px',
                    backgroundColor: '#ef1f1f'
                }
            },
        }
    },
    methods: {
        // 倒计时结束回调
        countdownEnd() {
            console.log('倒计时结束了！！！')
        }
    }
}
</script>

示例动画