Flip Number

一个经典的数字或字符翻转动画组件。

安装

bash

npx draft-cli vue add flip-countdown

vue

<script setup>
import { FlipNumber } from '@draft-ui/vue'
</script>

<template>
  <FlipNumber value="5" class="size-10" />
</template>

组合多个 FlipNumber 组件创建倒计时。

DAYS

HRS

MINS

SECS

此示例使用 FlipCountdown 组件，它由多个 FlipNumber 组件组成。

属性	类型	默认值	描述
`value`	`string`	必填	要显示的字符或数字。