aw-clock-timer

可调节的倒计时组件

介绍

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

使用说明

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"/>