更新记录

1.0.0（2025-11-03） 下载此版本

• 数字滚动加载

平台兼容性

uni-app(4.51)

zv-roll-number

数字滚动加载效果

示例

    <zv-roll-number ref="rollNumber" :value="1000" :duration="1000"  :contentStyle="contentStyle"></zv-roll-number>

value: { type: Number, required: true },     // 要显示的数字
duration: { type: Number, default: 1000 },   // 滚动时间（毫秒）
decimals: { type: Number, default: 0 },      // 小数位数,0为不显示小数
startValue: { type: Number, default: 0 },    // 起始值
randomMode: { type: Boolean, default: false },// 是否随机显示,默认false数字从起始值开始滚动 为true时数字随机跳动 
autoplay: { type: Boolean, default: true },  // 是否自动播放
contentStyle:{type: String, default: ""},    // 自定义样式

autoplay为false时，可以手动调用滚动动画

this.$refs.rollNumber.play();