Skip to content

CountUp 数字动画

tanhaolong edited this page Jan 6, 2022 · 1 revision

介绍

适用于金额类功能场景动画,可自定义样式。

全局方法:

 <CountUp :Textnumber="3000.54" :duration="3000" :CountUpStyle="{color:'red',fontSize:'20px'}" />

局部方法:

<CountUp :Textnumber="3000.54" :duration="3000" :CountUpStyle="{color:'red',fontSize:'20px'}" />

import { CountUp } from 'lxnuoyan-ui';
export default {
  components: {CountUp},
};

CountUp props

参数 数据类型 默认值 必填 字段名称 备注
Textnumber Number null 显示数字滚动文本
CountUpStyle Object null 自定义样式 与vue动态样式写法一致
duration Number 3000 动画时长
Clone this wiki locally