测试

room/css/room.css

@@ -2640,3 +2640,13 @@ input::-webkit-input-placeholder {
   height: 20px;
   width: auto;
 }
+.next-mc {
+  color: #999;
+  font-size: 16px;
+  position: absolute;
+  cursor: pointer;
+  left: 868px;
+}
+.next-mc:hover {
+  color: #E6428A;
+}

room/css/room.less

@@ -2718,4 +2718,17 @@ input::-webkit-input-placeholder{
 .lv-secret{
     height: 20px;
     width: auto;
+}
+.next-mc{
+    // color: #E6428A;
+    // color: #333333;
+    color: #999;
+    font-size: 16px;
+    position: absolute;
+    // font-weight: 700;
+    cursor: pointer;
+    left: 868px;
+}
+.next-mc:hover{
+    color: #E6428A;
 }
\ No newline at end of file

room/liveRoom.html

@@ -493,7 +493,9 @@ $(function () {
             html += '<span class="material-span-other1">主播資料</span>';
             html += '<span class="material-span-other2">相冊('+data.roomOtherInfo.topicCount+')</span>';
             html += '<span class="material-span-other3">' + roomList.introduce + '</span>';
+            html += '<span class="next-mc">下一個主播></span>'
             $(".mc-material-content").html(html);
+            liveListBtn()
             if(data.room.liveState==1){
                 online()
                 WebSocketGo()
@@ -1516,7 +1518,9 @@ $(function () {
                 var html=[];
                 for(var i=0;i<data.roomList.length;i++){
                     var list=data.roomList[i]
-                    if(list.roomId==sessionStorage.roomId)continue;
+                    if(list.roomId==sessionStorage.roomId){
+                        continue;
+                    }
                     html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268);background-size: cover;">';
                     html+='<img class="move-live-online" src="images/live.png" alt="">';
                     html+='<div class="more-live-name">'+list.nickname+'</div>';
@@ -1527,6 +1531,35 @@ $(function () {
             }
         })
     } 
+    function liveListBtn(){
+
+        $(".next-mc").unbind("click").on("click",function(){
+            $.ajax({
+                url:$ip+'frontPage/queryLiveUsers',
+                data:{
+                    pageNum:1,
+                    pageSize:100,
+                    //,
+                    pageID:localStorage.canvasCode
+                },
+                success:function(data){
+                    //console.log('直播列表',data)
+                    var html=[];
+                    var myNum
+                    for(var i=0;i<data.roomList.length;i++){
+                        var list=data.roomList[i]
+                        if(list.roomId==sessionStorage.roomId){
+                            myNum=i
+                            continue;
+                        }
+                    }
+                 
+                    if((myNum+1)!=data.roomList.length)window.location.href="liveRoom.html?roomId="+data.roomList[(myNum+1)].roomId
+                    else window.location.href="liveRoom.html?roomId="+data.roomList[0].roomId
+                }
+            })
+        })
+    }
     function zoneList(){
         $.ajax({
             url:$ip+'zone/dynamic/album/getList',