mirror of
https://github.com/javaLuo/vue-flip-down.git
synced 2025-04-05 11:18:47 +08:00
vue-flip-down 
这是一个简单的翻页倒计时vue组件,项目中有用到,所以提取了一下。
示例
安装
npm install vue-flip-down --save
或
yarn add vue-flip-down
使用
import FlipDown from 'vue-flip-down';
<FlipDown :endDate="1540212399971" />
参数
名称 | 类型 | 默认 | 描述 |
---|---|---|---|
endDate | Date/Number | 0 | 结束的时间,即倒计时会从当前时间一直到endDate停止,可以是一个日期对象,也可以是毫秒数 |
type | Number | 4 | 要怎么显示倒计时:4-日时分秒,3-时分秒,2-分秒,1-秒 |
事件
名称 | 返回值 | 描述 |
---|---|---|
timeUp | null | 当倒计时走到0时会触发一次,表示时间到了 |
说明
- 内部使用了setTimeout,当倒计时结束后,就会停止循环。但可以动态改变日期,倒计时又会被激活。
- 基于本地时间做对比
Languages
Vue
90.4%
TypeScript
6.8%
HTML
2.8%