vue 实现大屏数字滚动特效

效果图

代码

<template>
  <div>
    <span class="toAD" v-for="(item, index) in value" :key="index">
      <div
        class="qwNumBox"
        style="width: 36px; height: 48px"
        v-for="(ite, inde) in item"
        :key="inde"
      >
        <div class="trasBox" :class="['rolling_' + ite]">
          <!-- <div class="qwnum">{
  { ite }}</div> -->
          <div class="qwnum">0</div>
          <div class="qwnum">1</div>
          <div class="qwnum">2</div>
          <div class="qwnum">3</div>
          <div class="qwnum">4</div>
          <div class="qw