数字增长

向上或向下计数到目标数字的数字动画。

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/number-ticker.json"

复制并粘贴以下代码：

NumberTicker.vue

Prop 名称	类型	默认值	描述
`value`	`int`	`0`	Value to count to
`direction`	`up \| down`	`up`	Direction to count in
`decimalPlaces`	`number`	`0`	Number of decimal places to show
`delay`	`number`	`0`	Delay before counting (in milliseconds)
`duration`	`number`	`1000`	Total duration for the entire animation (in milliseconds).
`transition`	`TransitionPresets`	`easeOutCubic`	Name of transition preset (https://vueuse.org/core/useTransition)

本页