vue倒计时翻页插件

最新推荐文章于 2024-08-16 07:37:00 发布

一颗小芹菜的日常

最新推荐文章于 2024-08-16 07:37:00 发布

阅读量2.5k

点赞数 1

分类专栏：前端 vue 工作总结文章标签： vue javascript html

本文链接：https://blog.csdn.net/shiaijuan1/article/details/109491753

版权

前端同时被 3 个专栏收录

12 篇文章 3 订阅

订阅专栏

vue

6 篇文章 0 订阅

订阅专栏

工作总结

2 篇文章 0 订阅

订阅专栏

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