vue倒计时翻页插件

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

vue倒计时翻页插件相关推荐

android 自动翻页插件,网页自动翻页Chrome插件下载
AutoPagerize是一款在谷歌浏览器上运行的网页自动翻页chrome插件,AutoPagerize插件可以让你通过鼠标滚轮翻页.当你的鼠标滚轮滚动到页面底部时,再向下就会发现下一页的内容.操作简 ...
DIY chrome浏览器漫画翻页插件
最近迷上了火影忍者,在爱漫画网站上看的漫画版.每看完一页都要用鼠标点一下翻页键,时间长了觉得有些不爽.要是按上下键看漫画时,按一下旁边的键,就可以翻到下一页,会舒服不少. 用的是chrome浏览器,装 ...
react封装翻页插件
插件演示今天用react封装一个翻页插件,先给大家看一下效果: 翻页插件上面的文字是从后台获取的. 插件说明这个插件有五部分组成:首页.上一页.中间显示数字.下一页.尾页.具体的功能是:如果当前页 ...
uAutoPagerize – 自动翻页插件
uAutoPagerize – 自动翻页插件 uAutoPagerize – 自动翻页插件背景 uAutoPagerize – 自动翻页插件介绍 uAutoPagerize – 自动翻页插件功能 uA ...
Vue 左右翻页，点赞动画
因做小活动比较多,使用了一些动画,做些笔记,供大家参考翻页动画 router -> index.js import Vue from 'vue'; import Router from 'vu ...
Vue 实现翻页器下一页处理显示多页面要下一页非表格
vue里面因为数据太多要弄多个页面,路由又不行,element ui的分页器用不了我的环境是electron-vue,和vue通用的可以无视,这里采用了element ui 的走马灯当做容器翻页首 ...
html分页自动加载,AutoPagerize插件，网页自动翻页插件，自动加载分页网站
AutoPagerize,是一款可以实现网页自动翻页的浏览器插件,该插件会自动缓存下一页网页,将翻页式的内容变为瀑布流的形式,无需手动点击翻页,即可自动链接到下一页. 用于自动加载分页网页的浏览器扩展 ...
前端Vue书籍翻页功能利用turn.js来完成以及知识点(源码)
目录下载文档开始构造方法可配置项方法语法事件两种方式添加事件自动翻页loading加载功能案例 CSS basic.css源码如下 JS里面代码太多了,直接官网下载 index. ...
翻页插件turn.js
老实说翻页turn.js里面的坑非常多,记得那时候项目中踩了几天都踩不完.个人建议谨慎使用下面就介绍一下最简单的入门吧~ 1.引入文件部分(注意必须要引入jQ,turn.js文件可以上网找,mode ...
vue 路由不同动画翻页插件
vue-router-page-turning https://github.com/SUNbrightness/vue-router-page-turning Project setup npm i ...

vue倒计时翻页插件

安装和下载：

使用：

vue倒计时翻页插件相关推荐

最新文章

热门文章