countdown

vue倒计时插件(翻牌效果)

效果展示

安装

npm install mini-countdown --save

全局安装

import Vue from "vue";
import CountDown from "mini-countdown";
Vue.use(CountDown);

局部安装-基本用法

<script>
   import CountDown from "mini-countdown";
   
   export default {
        components: {CountDown}
   }
</script>

<template>
    <count-down></count-down>
</template>

props

| 参数名 | 参数作用 | | ---- | ----| | target | 目标时间("2019/07/26 09:50") | | width | 单个数字的宽度 | | height | 单个数字的高度 | | size | 字体大小 |