Vue 2.x的一个简单的翻转倒数计时器组件。
2020年9月20日
2020/09/12
v0.12.0(06/16/2020)
# NPM
$ 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>
如果要删除天数部分,请将showDays
prop 设置为false
(自v0.10.0起可用):
<flip-countdown deadline="2018-12-25 00:00:00" :showDays="false"></flip-countdown>
请参考/demo
目录以获取示例。
如果您使用的是Nuxt.js,<no-ssr>
请避免使用服务器端渲染。(如果不使用,则会出现错误<no-ssr>
)
<template>
<div>
<no-ssr>
<flip-countdown deadline="2018-12-25 00:00:00"></flip-countdown>
</no-ssr>
</div>
</template>