vue倒计时翻页插件


今天工作用到了倒计时翻页效果,然后在网上找到了一款正适用,在这里分享下,是一款时间翻页的插件,可以在vue2里面使用!
名称:vue2-flip-countdown
github地址:https://github.com/philipjkim/vue2-flip-countdown
demo: https://philipjkim.github.io/vue2-flip-countdown/index.html(点击直接看效果)

它的最终效果如下图所示:
在这里插入图片描述
我把它用在我们项目里面,对样式进行了修改,我的效果如下:

在这里插入图片描述
使用方法如下:

安装和下载:
1
npm install vue2-flip-countdown --save
使用:
1
2
3
4
5
6
7
8
9
10
11
12
13
<template>
  <div>
    <flip-countdown deadline="2018-12-25 00:00:00"></flip-countdown>
  </div>
</template>
 
<script>
  import FlipCountdown from 'vue2-flip-countdown'
 
  export default {
      components: { FlipCountdown }
  }
</script>