可调节的倒计时组件

介绍

这是一个可调节的倒计时组件

使用说明

1.  安装插件 npm i aw-clock-timer

2. 在需要使用的页面上导入 import clockTimer from 'aw-clock-timer' 导入

3. components: {  # 注册组件
      clockTimer
  },
# vue文件中使用
4. <clockTimer ref="clockTimer"/>

5. 唤起显示此组件 this.$refs.clockTimer.show()

Events 事件

| 事件名称 | 说明 | 回调参数 | | -------- | ------------------------- | ----------------------------------------------------------------------------- | | close | 点击关闭时触发 | 当前倒计时剩余秒数 | | start | 点击开始计时时触发 | 当前倒计时剩余秒数 | | keep | 点击继续时触发 | 当前倒计时剩余秒数 | | reset | 点击 重置/重新计时 时触发 | 当前倒计时剩余秒数 | | stop | 点击暂停时触发 | 当前倒计时剩余秒数 | | change | 在 调节倒计时值 时触发 | data { time: 当前调节时间的秒数 type: 增加(add)还是减少(minus) } |

Events事件使用示例：

 <clockTimer ref="clockTimer" @close="close"/>