uview-next/components/u-count-to/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('countTo', {
    // 开始的数值，默认从0增长到某一个数
    startVal: {
        type: [String, Number],
        default: 0
    },
    // 要滚动的目标数值，必须
    endVal: {
        type: [String, Number],
        default: 0
    },
    // 滚动到目标数值的动画持续时间，单位为毫秒（ms）
    duration: {
        type: [String, Number],
        default: 2000
    },
    // 设置数值后是否自动开始滚动
    autoplay: {
        type: Boolean,
        default: true
    },
    // 要显示的小数位数
    decimals: {
        type: [String, Number],
        default: 0
    },
    // 是否在即将到达目标数值的时候，使用缓慢滚动的效果
    useEasing: {
        type: Boolean,
        default: true
    },
    // 十进制分割
    decimal: {
        type: [String, Number],
        default: '.'
    },
    // 字体颜色
    color: {
        type: String,
        default: theme.contentColor
    },
    // 字体大小
    fontSize: {
        type: [String, Number],
        default: 22
    },
    // 是否加粗字体
    bold: {
        type: Boolean,
        default: false
    },
    // 千位分隔符，类似金额的分割(￥23,321.05中的",")
    separator: {
        type: String,
        default: ''
    }
})