CountUp数字动画
数字动画效果
TIP
1.0.10+
<div style="font-size:43px;font-weight:500;color:red;">
<p><avue-count-up :end="15033.2"></avue-count-up></p>
<p><avue-count-up :end="1233.2" :start="1000"></avue-count-up></p>
</div>
<script>
export default {
}
</script>
Variables
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
start | 数字的开水 | Number | - | 0 |
end | 数字的终点 | Number | - | - |
decimals | 是否支持小数 | Boolean | true / false | false |
duration | 动画速度 | Number | - | 2 |
options | CountUp.js其他配置 | Object | - | - |
callback | 开始时候的回调 | Function | - | - |