修复非前三动效不播放问题

view/yinmeng/modules/ranks/css/index.css

@@ -674,6 +674,7 @@ body {
   position: absolute;
   left: 1.45rem;
   top: 0.82667rem;
+  z-index: 9;
 }
 
 .list li .num {

view/yinmeng/modules/ranks/css/index.scss

@@ -680,6 +680,7 @@ body {
             position: absolute;
             left: 1.45rem;
             top: px2rem(62);
+            z-index: 9;
         }
 
         .num {

view/yinmeng/modules/ranks/js/index.js

@@ -117,11 +117,12 @@ function getRank (type, datetype) {
                 // 处理非前三
                 var str = '';
                 notTop3.forEach((res, i) => {
+
                     str += `
                         <li>
                             <div class="num">${res.seqNo}</div>
                             <img src="${res.avatar}" alt="" class="tx" uid="${res.uid}" inRoomUid = '${res.inRoomUid}' inMic="${res.inMic}" ">
-                            <div src="./images/live.svga" loops="0" clearsAfterStop="true" class="svga" style="display: ${res.inMic ? 'block' : 'none'};"></div>
+                            <div src="./images/live.svga" loops="0" clearsafterstop="true"  class="svga svga${i}" style="display: ${res.inMic ? 'block' : 'none'};"></div>
                             <div class="nameBox">
                                 <p>${res.nick.length > 7 ? `${res.nick.slice(0, 7)}...` : res.nick}
                                     <span class="${res.gender == 1 ? 'boy' : 'girl'}"><img src="./images/${res.gender == 1 ? 'boy' : 'girl'}.png" alt=""></span>
@@ -143,6 +144,17 @@ function getRank (type, datetype) {
                         </li>`
                 })
                 $('.list').append(str);
+                notTop3.forEach((res, i) => {
+                    var player = new SVGA.Player(`.svga${i}`);
+                    var parser = new SVGA.Parser(`.svga${i}`); // 如果你需要支持 IE6+，那么必须把同样的选择器传给 Parser。
+                    parser.load('./images/live.svga', function (videoItem) {
+                        // 创建动画   
+                        player.setVideoItem(videoItem);
+                        // 开始动画 后面api会讲到   
+                        player.startAnimation();
+                    })
+                })
+
                 // 处理自己榜单
                 $('.my .num').text(res.data.me.seqNo ? res.data.me.seqNo : '未上榜');
                 $('.my .tx').attr('src', res.data.me.avatar);
@@ -159,6 +171,7 @@ function getRank (type, datetype) {
         }
     })
 }
+
 // 获取上期榜单接口
 function getlastTop (type, datetype) {
     showLoading()