# js-countdown-zk

**Repository Path**: wangxinyanqc/js-countdown-zk

## Basic Information

- **Project Name**: js-countdown-zk
- **Description**: 倒计时按钮
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-05-26
- **Last Updated**: 2023-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# js-countdown-zk
vue 文件下载

## Install via NPM/Yarn
```bash
npm install js-countdown-zk
```

```bash
yarn add js-countdown-zk
```

## Example - basic
```vue
<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>

```

### 示例动画
![image](http://zk-web-object.oss-cn-qingdao.aliyuncs.com/wxy/img/js-countdown-zk.gif)