修正了部分直播样式

This commit is contained in:
luyuan 2020-11-13 14:45:50 +08:00
parent aae6ac3937
commit 0359178f17
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3

View File

@ -249,25 +249,20 @@
<!-- 聊天室页面 -->
<div id="room-root" class="col-div">
<!-- header -->
<div class="row-div card" style="width: 100%; height: 65px; justify-content: space-between">
<div class="row-div card" style="width: 100%; height: 65px; justify-content: space-between;border-radius: 17px;">
<!-- 腾讯云logo -->
<div class="row-div" style="height: 100%; width: 230px; justify-content: center">
<img style="height: 23px" src="./img/logo.png" alt="">
<div style="width: 9px"></div>
<div style="width: 1px; height: 10px; background-color: #D8D8D8"></div>
<div style="width: 9px"></div>
<div style="width: 86px; height: 23px; font-size: 18px; color: #333333">视频通话</div>
<div style="width: 86px; height: 23px; font-size: 18px; color: #333333">直播页面</div>
</div>
<!-- 分享屏幕 退出 按钮 -->
<div class="row-div" style="height: 100%; width: auto;">
<img id="screen-btn" style="width: 65px; height: 65px" src="./img/screen-off.png" alt="">
<div class="row-div" style="height: 100%; width: auto;margin-right: 28px;">
<img id="screen-btn" style="width: 45px; height: 45px" src="./img/screen-off.png" alt="">
<div style="width: 20px"></div>
<img id="logout-btn" style="width: 65px; height: 65px" src="./img/logout.png" alt="">
<img id="logout-btn" style="width: 45px; height: 45px" src="./img/logout.png" alt="">
</div>
<!-- 房间号 -->
<div id="header-roomId"
style="width: 230px; justify-content: flex-end; padding-right: 20px; font-size: 14px; color: #888888">
房间号: 12345</div>
</div>
<!-- content -->
<div class="row-div" style="height: 100%; width: 100%; padding: 10px">
@ -290,17 +285,7 @@
</div>
</div>
</div>
<!-- 广告 -->
<div class="col-div" style="width: 100%; height: 244px">
<div style="width: 280px; height: 1px; background-color: #f0f0f0"></div>
<div class="row-div" style="width: 100%; height: 186px; justify-content: center">
<img style="height: 150px" src="./img/code.jpg" alt="">
<div style="width: 46px"></div>
<img style="height: 150px" src="./img/shot.png" alt="">
</div>
<div style="width: 290px; font-size: 14px; color: #888888">微信扫一扫打开小程序,点击“视频通话”即可加入通话
</div>
</div>
</div>
</div>
<!-- 视频网格 -->