cxc/meeting-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

全屏状态只显示共享屏幕时，共享屏幕占满全屏

Browse Source
This commit is contained in:
cxc
2022-10-19 11:23:08 +08:00
parent db0baef0cf
commit b7a3446efc
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/meeting.vue
View File

@ -927,6 +927,9 @@ $meetingBackgroundWidth: 80vw; //会议背景宽度
$meetingBackgroundHeight: 80vw * 9 / 16;
.isShare {
.text-label-container {
display: none !important;
}
#meeting-container {
padding-top: 0 !important;
}
@ -958,6 +961,26 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
// height: calc(80vw * 850 / 1346) !important;
height: calc(80vw * 1080 / 1920) !important;
}
.fullscreen {
#video-element {
width: 100vw !important;
height: calc(100vw * 1080 / 1920) !important;
}
// 视频组件宽度
:deep(#video-element
> div
> .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root:nth-child(1)) {
width: 100vw !important;
}
// zoom 会议共享屏幕组件宽度
:deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
// height: calc(80vw * 850 / 1346) !important;
height: calc(100vw * 1080 / 1920) !important;
}
}
}
:deep(#right-chat .chat-container .message-list) {