2018-10-24 13:59:42 +08:00
2018-10-23 11:58:42 +08:00
2018-10-22 21:13:49 +08:00
2018-10-23 11:58:42 +08:00
2018-10-22 11:28:26 +08:00
2018-10-22 11:28:26 +08:00
2018-10-22 20:41:31 +08:00
2018-10-24 13:59:42 +08:00
2018-10-22 20:41:31 +08:00
2018-10-22 20:41:31 +08:00
2018-10-22 21:13:49 +08:00

vue-flip-down npm

npm

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

示例

img

安装

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当倒计时结束后就会停止循环。但可以动态改变日期倒计时又会被激活。
  • 基于本地时间做对比
Description
vue 翻页倒计时组件 妙啊
Readme 616 KiB
Languages
Vue 90.4%
TypeScript 6.8%
HTML 2.8%