今天工作用到了倒计时翻页效果,然后在网上找到了一款正适用,在这里分享下,是一款时间翻页的插件,可以在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> |