zj-vue-flip-clock v0.1.7

zj-vue-flip-clock

时钟翻牌倒计时，参考兔子先生

[ 更新日志 ]

一、安装使用

1. 安装

# npm 安装
npm install zj-vue-flip-clock -S

服务器渲染 nuxt 解决方案 设置为 ssr: false

module.exports = {
  ...
  build: {
    vendor: [
      'zj-vue-flip-clock
    ...
    plugins: [
      { src: '~/plugins/zj-vue-flip-clock', ssr: false }
    ]
  }
}

Vue2 组件内引入

import { FlipClock }  from 'zj-vue-flip-clock' 
import 'zj-vue-flip-clock/dist/index.css'
components: {
    FlipClock
}

Vue2 全局引入

import FlipClock from 'zj-vue-flip-clock'
import 'zj-vue-flip-clock/dist/index.css'
Vue.use(FlipClock)

nuxt 引入方式

import 'zj-vue-flip-clock/dist/index.css'
if(process.browser) {
    flipClock = require('zj-vue-flip-clock')
  Vue.use(flipClock.default)
}

3. 代码中使用

<zj-vue-flip-clock
  ref="cropper"
  mode="time"
></zj-vue-flip-clock>

二、文档

1. props

2. 效果图