测试

mTest/index.html

@@ -872,7 +872,39 @@ $(function(){
             },
             },
             success:function(data){
             success:function(data){
                 console.log('直播列表',data)
                 console.log('直播列表',data)
-   
+                var html=[];
+                var j=0
+                for(var i=0;i<data.normalRoomList.length;i++){
+                    var list=data.normalRoomList[i] 
+                    if(i%3==0){
+                        if(data.vipRoomList[j]==undefined)break;
+                        list2=data.vipRoomList[j]
+                        j++
+                        html+='<a href="room/liveRoom.html?roomId='+list2.roomId+'&sound=1&v=2022112502&back=1"><li data-type="https://zhibocdn.yabolive.net/comm'+list2.face.split("?")[0]+'?x-oss-process=image/resize,w_180">';
+                        if(list2.liveScope==3)html+='<img class="secret" src="images/Lock-no.png" alt="">';
+                        if(list2.liveScope!=3)html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list2.onlinenum+'</span></div>';
+                        // html+='<img class="live-li-face" src="images/layz.png" alt="">';
+                        html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list2.face.split("?")[0]+'?x-oss-process=image/resize,w_300" alt="">';
+                        html+='<div class="live-shadow"></div>';
+                        html+='<div class="live-bottom-box">';
+                        html+='<p>'+list2.nickname+'</p>';
+                        html+='<p>'+list2.introduce+'</p>';
+                        html+='</div>';
+                        html+='</li></a>';
+                    }
+                    html+='<a href="room/liveRoom.html?roomId='+list.roomId+'&sound=1&v=2022112502&back=1"><li data-type="https://zhibocdn.yabolive.net/comm'+list.face.split("?")[0]+'?x-oss-process=image/resize,w_180">';
+                    if(list.liveScope==3)html+='<img class="secret" src="images/Lock-no.png" alt="">';
+                    if(list.liveScope!=3)html+='<div class="hot-num-box"><img src="images/hot.png"><span>'+list.onlinenum+'</span></div>';
+                    // html+='<img class="live-li-face" src="images/layz.png" alt="">';
+                    html+='<img class="live-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split("?")[0]+'?x-oss-process=image/resize,w_300" alt="">';
+                    html+='<div class="live-shadow"></div>';
+                    html+='<div class="live-bottom-box">';
+                    html+='<p>'+list.nickname+'</p>';
+                    html+='<p>'+list.introduce+'</p>';
+                    html+='</div>';
+                    html+='</li></a>';
+                }
+                $(".box1 .live-ul").html(html);
             }
             }
         })
         })