ft活动上线

activeFt/Fishing/css/index.css

@@ -111,7 +111,14 @@ iframe {
   margin-top: 1.3rem;
   overflow: hidden;
 }
-.lunbo-content > div {
+.lunbo-content .lunbo-content-auto {
+  position: relative;
+  width: 8rem;
+  height: 5.5rem;
+  top: 0;
+  transition: 0.35s all;
+}
+.lunbo-content .lunbo-content-auto > div {
   padding-top: 0.15rem;
   color: #FFFFFF;
   font-size: 0.35rem;

activeFt/Fishing/css/index.less

@@ -111,20 +111,30 @@ iframe{
   margin: 0 auto;
   margin-top: 1.3rem;
   overflow: hidden;
-  >div{
-    padding-top: 0.15rem;
-    color: #FFFFFF;
-    font-size: 0.35rem;
-    line-height: 0.5rem;
-    text-align: center;
-    font-weight: 700;
-    background: rgba(0,0,0,0.2);
-    width: 8rem;
-    height: 1.1rem;
-    margin-bottom: 0.125rem;
+
+  .lunbo-content-auto{
+    position: relative;
     width: 8rem;
-    border-radius: 0.2rem;
+    height: 5.5rem;
+    top: 0;
+    transition: 0.35s all;
+    >div{
+      padding-top: 0.15rem;
+      color: #FFFFFF;
+      font-size: 0.35rem;
+      line-height: 0.5rem;
+      text-align: center;
+      font-weight: 700;
+      background: rgba(0,0,0,0.2);
+      width: 8rem;
+      height: 1.1rem;
+      margin-bottom: 0.125rem;
+      width: 8rem;
+      border-radius: 0.2rem;
+
+    }
   }
+
 }
 .list-ul{
   width: 8.7rem;

activeFt/Fishing/index.html

@@ -50,6 +50,7 @@
     <iframe src="" frameborder="0"></iframe>
     <div class="lunbo-box">
         <div class="lunbo-content">
+            <div class="lunbo-content-auto"></div>
             <!-- <div>
                 Congratulations on the <span style="color:#2DFFF8">10x</span> jackpot in <span style="color:#FDFF3A ;">XXXXXXX</span> fishing game!
             </div> -->
@@ -211,8 +212,18 @@ $(function(){
                     var list=data.result.recordList[i]
                     html+='<div>Congratulations on the <span style="color:#2DFFF8">'+list.prizeMultiple+'x</span> jackpot in <br><span style="color:#FDFF3A ;">'+list.nickName+'</span> fishing game!</div>';
                 }
-                $(".lunbo-content").html(html)
-
+                $(".lunbo-content-auto").html(html)
+                var topNum=0
+                var lunboNum=0
+                setInterval(function(){
+                    topNum+=1.375
+                    lunboNum++
+                    $(".lunbo-content-auto").css("top",-topNum+"rem")
+                    if(lunboNum>data.result.recordList.length-5){
+                        lunboNum=0
+                        topNum=0
+                    }
+                },2000)
             }
         })
     }