vue-flip-down

这是一个简单的翻页倒计时vue组件，项目中有用到，所以提取了一下。

示例

安装

npm install vue-flip-down --save

或

yarn add vue-flip-down 

使用

import FlipDown from 'vue-flip-down';

<FlipDown
  :endDate="1540212399971"  // 倒计时截止的日期
  :type="4"                 // 倒计时类型
  @timeUp="func"            // 时间到了会触发timeUp事件
/>

参数

名称	类型	默认	描述
endDate	Date/Number	0	结束的时间，即倒计时会从当前时间一直到endDate停止，可以是一个日期对象，也可以是毫秒数
type	Number	4	要怎么显示倒计时：4-日时分秒，3-时分秒，2-分秒，1-秒

事件

名称	返回值	描述
timeUp	null	当倒计时走到0时会触发一次，表示时间到了

说明

• 内部使用了setTimeout，当倒计时结束后，就会停止循环。但可以动态改变日期，倒计时又会被激活。
• 基于本地时间做对比