更新记录

1.0.0（2024-07-22） 下载此版本

新增

平台兼容性

uni-app

hbxw-countup组件

介绍

自定义数字变化动画效果组件支持小数位控制支持千分位展示支持字体大小颜色行高控制

使用示例

推荐先直接复制示例代码到工程中看效果了解下使用方法再投入项目使用。

<template>
    <view class="conatainer">
        <hbxw-countup :value="testval"></hbxw-countup>
        <hbxw-countup 
      :value="testval" 
      :decimal="2" 
      fontSize="56rpx"
      color="red"
    />
    <input type="number" class="input-item" v-model="testval">
    </view>
</template>

<script>
    export default {
        data() {
            return {
                testval: 9999
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
.conatainer{
  display: flex;
  flex-direction: column;
}
.input-item{
  border: 1px solid #ccc;
}
</style>

API

Props