作者:李明骏  历史版本:1  最后编辑:李明骏  更新时间:2024-09-11 09:48

编写版本:v1.2.1
适用版本:v1.2.0+
前置条件:使用的工程需在 Webpack5 版本以上,并使用模块联邦(ModuleFederationPlugin)接入 ui-base-core 项目提供的共享组件

共享组件-动画数字

一、 效果图

二、 组件路径

baseCore/core-animated-number.vue

源码:ui-base-core/src/components/core-animated/number.vue

三、 使用举例

template

<template>
    ...
    <AnimatedNumber :number="100" />
    ...
</template>

script

<script setup>

import AnimatedNumber from 'baseCore/core-animated-number.vue'
...
</script>

四、 组件API

属性

属性名 类型 默认值 描述
number Number,String - 显示的数字
duration Number 1000 动画开始到结束时间
frequency Number 50 动画执行间隔