今天工作用到了倒计时翻页效果,然后在网上找到了一款正适用,在这里分享下,是一款时间翻页的插件,可以在vue2里面使用!
名称:vue2-flip-countdown
github地址:https://github.com/philipjkim/vue2-flip-countdown
demo: https://philipjkim.github.io/vue2-flip-countdown/index.html(点击直接看效果)
它的最终效果如下图所示:
我把它用在我们项目里面,对样式进行了修改,我的效果如下:
使用方法如下:
安装和下载:
npm install vue2-flip-countdown --save
使用:
<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>