From 2fb1fc203144ee95ab0838dd3e04f5b113456020 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Thu, 19 Nov 2020 16:02:01 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E4=BA=86=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/room.css |  1 +
 public/zhibo.html   | 21 ++++++++++++++++-----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/public/css/room.css b/public/css/room.css
index 87377d8..c051e19 100644
--- a/public/css/room.css
+++ b/public/css/room.css
@@ -73,6 +73,7 @@ video{
     height: 100%;
     padding: 10px;
     grid-area: 1/1/3/4;
+    border-radius: 17px;
 }
 .video-box{
     width: 100%;
diff --git a/public/zhibo.html b/public/zhibo.html
index a5d4995..d77dc4a 100644
--- a/public/zhibo.html
+++ b/public/zhibo.html
@@ -13,6 +13,14 @@
             padding: 32px;
             border-bottom: 1px solid #EEEEEE;
         }
+        .liaotian{
+            grid-area: 3/1/4/4;
+            margin-top: 28px;
+            height: 240px;
+            margin-left: 10px;
+            width: ceil(100% - 10px);
+            background-color: #fff;
+        }
     </style>
 </head>
 
@@ -278,15 +286,15 @@
                         <div style="width: 100%;padding-bottom: 11px;border-bottom: 1px solid #EEEEEE;">上课人员</div>
                         <div id="member-list" class="col-div" style="width: 100%; justify-content: flex-start; flex: 1">
                             <!-- member -->
-                            <div id="member-me" style="width: 100%; padding-left: 20px; display: none">
+                            <div id="member-me" style="width: 100%; padding-left: 20px;">
                                 <div class="row-div member"
                                     style="width: 100%; height: 50px; justify-content: space-between">
                                     <div class="member-id">(我)</div>
                                     <div class="row-div" style="width:100px; height: 27px; justify-content: center">
-                                        <img class="member-video-btn" style="height: 100%" src="./img/camera-on.png"
+                                        <img id="video-btn" class="member-video-btn" style="height: 100%" src="./img/camera-on.png"
                                             alt="">
                                         <div style="width: 18px"></div>
-                                        <img class="member-audio-btn" style="height: 100%" src="./img/mic-on.png"
+                                        <img id="mic-btn" class="member-audio-btn" style="height: 100%" src="./img/mic-on.png"
                                             alt="">
                                     </div>
                                 </div>
@@ -300,13 +308,13 @@
                     <!-- 主视频 -->
                     <div id="main-video" class="video-box col-div" style="justify-content: flex-end">
                         <!-- 主视频控制按钮 -->
-                        <div id="main-video-btns" class="row-div"
+                        <!-- <div id="main-video-btns" class="row-div"
                             style="width: 156px; position: absolute; z-index: 10; justify-content: center; align-self: flex-end">
                             <img id="video-btn" style="width: 68px; height: 68px" onClick="event.cancelBubble = true"
                                 src="./img/big-camera-on.png" alt="" title="关闭摄像头">
                             <img id="mic-btn" style="width: 68px; height: 68px" onClick="event.cancelBubble = true"
                                 src="./img/big-mic-on.png" alt="" title="关闭麦克风">
-                        </div>
+                        </div> -->
                         <div id="mask_main" class="mask col-div">
                             <!-- “摄像头未开启”遮罩 -->
                             <div style="height: 100%; width: 100%; position: absolute; background-color: #D8D8D8"></div>
@@ -314,6 +322,9 @@
                             <div style="height: 10px"></div>
                             <div style="z-index: 10">摄像头未打开</div>
                         </div>
+                    </div>
+                    <div class="liaotian">
+
                     </div>
                     <!-- 小视频 -->
                 </div>