Skip to content

Number 数字

通过 number 组件,让你的数字看起来高大上一点。

基础使用

默认情况下,数字会自动进行千分位处理。

动画

可以为数字开启一段动画。

duration 属性可以设置动画的持续时间,默认值为 1000ms。

属性

ts
/** 数字组件属性 */
interface NumberProps {
  /** 数字数值 */
  value: number
  /**
   * 格式化。
   * currency: 货币; percent:百分比; decimal 默认十进制
   */
  format?: 'currency' | 'percent' | 'decimal'
  /** 对齐方式 */
  align?: 'left' | 'center' | 'right'
  /**
   * 开启补间动画
   * @default false
   */
  tween?: boolean
  /** 动画持续时间 */
  duration?: number
  /** 精度 */
  precision?: number
  /** 最大精度 */
  maxPrecision?: number
  /** 最小精度 */
  minPrecision?: number
}

基于 MIT 协议