你可能需要这样的大屏数字滚动效果

2020-04-27 07:20:00易采站长站整理

self.newNumber = self.newNumber + getRandomNumber(1, 100)
self.setNumberTransform()
}, 3000)
},
// 设置每一位数字的偏移
setNumberTransform () {
let numberItems = this.$refs.numberItem
let numberArr = this.computeNumber.filter(item => !isNaN(item))
for (let index = 0; index < numberItems.length; index++) {
let elem = numberItems[index]elem.style.transform = `translate(-50%, -${numberArr[index] * 10}%)`
}
}

最终实现效果: