From ccdc66b6e88592c3456461b8aea7de677e25f4e2 Mon Sep 17 00:00:00 2001
From: Dragon <13925835632@139.com>
Date: Mon, 13 Nov 2023 18:29:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=9D=9E=E5=89=8D=E4=B8=89?=
 =?UTF-8?q?=E5=8A=A8=E6=95=88=E4=B8=8D=E6=92=AD=E6=94=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/yinmeng/modules/ranks/css/index.css  |  1 +
 view/yinmeng/modules/ranks/css/index.scss |  1 +
 view/yinmeng/modules/ranks/js/index.js    | 15 ++++++++++++++-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/view/yinmeng/modules/ranks/css/index.css b/view/yinmeng/modules/ranks/css/index.css
index fdb9aa6..a75a8b8 100644
--- a/view/yinmeng/modules/ranks/css/index.css
+++ b/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 {
diff --git a/view/yinmeng/modules/ranks/css/index.scss b/view/yinmeng/modules/ranks/css/index.scss
index c371b3f..2f42cf5 100644
--- a/view/yinmeng/modules/ranks/css/index.scss
+++ b/view/yinmeng/modules/ranks/css/index.scss
@@ -680,6 +680,7 @@ body {
             position: absolute;
             left: 1.45rem;
             top: px2rem(62);
+            z-index: 9;
         }
 
         .num {
diff --git a/view/yinmeng/modules/ranks/js/index.js b/view/yinmeng/modules/ranks/js/index.js
index a3e7695..13e8ac8 100644
--- a/view/yinmeng/modules/ranks/js/index.js
+++ b/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()