css实现数字滚动特效 vue

南桥追光

于 2020-04-16 09:40:58 发布

阅读量2.1k

点赞数 1

分类专栏： UI 动画

本文链接：https://blog.youkuaiyun.com/qq_34122822/article/details/105550614

版权

创建一个滚动组件

<template>
  <div class="qwNumBox" style="width: 36px;height:48px;">
    <div class="trasBox" :style="{ top:( -1 * value * 48) +'px' }">
      <div class="qwnum">0</div>
      <div class="qwnum">1</div>
      <div class="qwnum">2</div>
      <div class="qwnum">3</div>
      <div class=