解决空投池弹窗不出来的问题

H5/src/main.js

@@ -7,13 +7,13 @@ import "minirefresh/dist/debug/minirefresh.css";
 import "amfe-flexible";
 import "@/plugins/vant-ui.js";
 import "@/plugins/echarts-plugins.js";
-import Vconsole from "vconsole";
+// import Vconsole from "vconsole";
 
 import bridgeToAppFun from "@/utils/bridgeToAppFun";
 Vue.prototype.$bridgeToAppFun = new bridgeToAppFun();
 
 /*生产环境请注释掉 */
-Vue.prototype.$vConsole = new Vconsole();
+// Vue.prototype.$vConsole = new Vconsole();
 
 Vue.use(MiniRefreshTools);
 Vue.config.productionTip = false;

H5/src/views/airDropPool.vue

@@ -21,10 +21,19 @@
               <p
                 v-for="(item, index) in userPoolVos"
                 :key="index"
-                @tap="openUserInfo(item)"
+                @click="openUserInfo(item)"
               >
                 用户{{ 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>
         </div>
@@ -107,11 +116,11 @@ export default {
             this.canScroll = true;
             this.animationDuration = _this.userPoolVos.length * 3;
           }
-          _this.$nextTick(() => {
-            if (_this.canScroll) {
-              _this.scroll();
-            }
-          });
+          // _this.$nextTick(() => {
+          //   if (_this.canScroll) {
+          //     _this.scroll();
+          //   }
+          // });
         } else {
           _this.$toast(res.msg);
         }
@@ -119,9 +128,9 @@ export default {
     },
     scroll() {
       // this.timer = setInterval(this.autoScrollLine, 100);
-      const marquee = document.querySelector(".user-id-list");
-      const contents = marquee.innerHTML;
-      marquee.innerHTML = contents + contents;
+      // const marquee = document.querySelector(".user-id-list");
+      // const contents = marquee.innerHTML;
+      // marquee.innerHTML = contents + contents;
     }
     // autoScrollLine() {
     //   let box = document.getElementById("scroll-box");
@@ -241,7 +250,7 @@ $white: #ffffff;
       left: 81px;
     }
     &::before {
-      top: 0;
+      top: -15px;
       z-index: 1;
     }
     &::after {
@@ -257,6 +266,12 @@ $white: #ffffff;
       .user-id-list {
         display: flex;
         flex-direction: column;
+        &:hover {
+          animation-play-state: paused;
+        }
+        p {
+          pointer-events: auto;
+        }
       }
 
       .scroll {