无缝滚动

H5/src/views/airDropPool.vue

@@ -25,15 +25,18 @@
               >
                 用户{{ item.userId }}进入空投池
               </p>
-              <template v-if="userPoolVos.length > 3 && userPoolVos.length < 15">
-                <p
-                  v-for="(item, index) in userPoolVos"
-                  :key="index + 'down'"
-                  @click="openUserInfo(item)"
-                >
-                  用户{{ item.userId }}进入空投池
-                </p>
-              </template>
+            </div>
+            <div
+              :class="['user-id-list', canScroll && 'scroll']"
+              :style="canScroll && `animation-duration: ${animationDuration}s`"
+            >
+              <p
+                v-for="(item, index) in userPoolVos"
+                :key="index"
+                @click="openUserInfo(item)"
+              >
+                用户{{ item.userId }}进入空投池
+              </p>
             </div>
           </div>
         </div>