theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

移动了按钮

Browse Source
This commit is contained in:
luyuan 2020-11-19 16:02:01 +08:00
parent a91b320b71
commit 2fb1fc2031
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/css/room.css
View File

@ -73,6 +73,7 @@ video{
height: 100%; height: 100%;
padding: 10px; padding: 10px;
grid-area: 1/1/3/4; grid-area: 1/1/3/4;
border-radius: 17px;
} }
.video-box{ .video-box{
width: 100%; width: 100%;

21
public/zhibo.html
View File

@ -13,6 +13,14 @@
padding: 32px; padding: 32px;
border-bottom: 1px solid #EEEEEE; 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> </style>
</head> </head>
@ -278,15 +286,15 @@
<div style="width: 100%;padding-bottom: 11px;border-bottom: 1px solid #EEEEEE;">上课人员</div> <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"> <div id="member-list" class="col-div" style="width: 100%; justify-content: flex-start; flex: 1">
<!-- member --> <!-- 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" <div class="row-div member"
style="width: 100%; height: 50px; justify-content: space-between"> style="width: 100%; height: 50px; justify-content: space-between">
<div class="member-id">(我)</div> <div class="member-id">(我)</div>
<div class="row-div" style="width:100px; height: 27px; justify-content: center"> <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=""> alt="">
<div style="width: 18px"></div> <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=""> alt="">
</div> </div>
</div> </div>
@ -300,13 +308,13 @@
<!-- 主视频 --> <!-- 主视频 -->
<div id="main-video" class="video-box col-div" style="justify-content: flex-end"> <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"> 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" <img id="video-btn" style="width: 68px; height: 68px" onClick="event.cancelBubble = true"
src="./img/big-camera-on.png" alt="" title="关闭摄像头"> src="./img/big-camera-on.png" alt="" title="关闭摄像头">
<img id="mic-btn" style="width: 68px; height: 68px" onClick="event.cancelBubble = true" <img id="mic-btn" style="width: 68px; height: 68px" onClick="event.cancelBubble = true"
src="./img/big-mic-on.png" alt="" title="关闭麦克风"> src="./img/big-mic-on.png" alt="" title="关闭麦克风">
</div> </div> -->
<div id="mask_main" class="mask col-div"> <div id="mask_main" class="mask col-div">
<!-- “摄像头未开启”遮罩 --> <!-- “摄像头未开启”遮罩 -->
<div style="height: 100%; width: 100%; position: absolute; background-color: #D8D8D8"></div> <div style="height: 100%; width: 100%; position: absolute; background-color: #D8D8D8"></div>
@ -314,6 +322,9 @@
<div style="height: 10px"></div> <div style="height: 10px"></div>
<div style="z-index: 10">摄像头未打开</div> <div style="z-index: 10">摄像头未打开</div>
</div> </div>
</div>
<div class="liaotian">
</div> </div>
<!-- 小视频 --> <!-- 小视频 -->
</div> </div>