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

git add .

Browse Source
This commit is contained in:
cxc
2022-10-19 14:21:58 +08:00
parent 05cbb62aba
commit 907dd65fc7
1 changed files with 68 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/meeting.vue
View File

@ -24,7 +24,7 @@
:class="`layout-template-${templateId}`" :class="`layout-template-${templateId}`"
ref="videoElementRef" ref="videoElementRef"
></div> ></div>
<CountDown :start-time="store.getters.startTime" /> <!-- <CountDown :start-time="store.getters.startTime" /> -->
<!-- <like <!-- <like
v-if="screenWidth > 900" v-if="screenWidth > 900"
:meeting-id="store.getters.meetingId" :meeting-id="store.getters.meetingId"
@ -56,7 +56,11 @@
/> />
</div> </div>
</div> </div>
<div class="like-row"> <div
:class="`like-row ${
templateId == 5 && inSharing && !isShareByme ? 'isShare' : ''
}`"
>
<like <like
:meeting-id="store.getters.meetingId" :meeting-id="store.getters.meetingId"
:like="likeCount" :like="likeCount"
@ -191,7 +195,7 @@ import {
commitQuestionnaire, commitQuestionnaire,
commitExam, commitExam,
} from "@/api/meeting"; } from "@/api/meeting";
import CountDown from "@/components/countDown.vue"; // import CountDown from "@/components/countDown.vue";
const store = useStore(); const store = useStore();
const route = useRoute(); const route = useRoute();
@ -926,6 +930,11 @@ $meetingComponentHeight: $meetingComponentWitdh * 9 / 16;
$meetingBackgroundWidth: 80vw; //会议背景宽度 $meetingBackgroundWidth: 80vw; //会议背景宽度
$meetingBackgroundHeight: 80vw * 9 / 16; $meetingBackgroundHeight: 80vw * 9 / 16;
@media screen and (max-width: 900px) {
.like-row.isShare {
margin-top: 42px;
}
}
.isShare { .isShare {
.text-label-container { .text-label-container {
display: none !important; display: none !important;
@ -946,7 +955,9 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
> div > div
> .zmwebsdk-MuiPaper-root > .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root:nth-child(2)) { > .zmwebsdk-MuiPaper-root:nth-child(2)) {
display: none !important; // display: none !important;
position: absolute;
visibility: hidden;
} }
// 视频组件宽度 // 视频组件宽度
:deep(#video-element :deep(#video-element
@ -981,6 +992,59 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
height: calc(100vw * 1080 / 1920) !important; height: calc(100vw * 1080 / 1920) !important;
} }
} }
@media screen and (max-width: 900px) {
#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(#video-element
> div
> .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root:nth-child(2)) {
position: absolute;
visibility: visible;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
}
}
.verticalFullScreen {
// background-color: saddlebrown !important;
#video-element {
width: calc(100vw * 1920 / 1080) !important;
// height: calc(100vh * 1080 / 1920) !important;
height: 100vw !important;
}
// 视频组件宽度
:deep(#video-element
> div
> .zmwebsdk-MuiPaper-root
> .zmwebsdk-MuiPaper-root:nth-child(1)) {
width: calc(100vw * 1920 / 1080) !important;
}
// zoom 会议共享屏幕组件宽度
:deep(div[id*="suspension-view-tabpanel"]
> .zmwebsdk-MuiBox-root.zmwebsdk-MuiBox-root) {
// height: calc(100vh * 1080 / 1920) !important;
height: 100vw !important;
}
}
} }
:deep(#right-chat .chat-container .message-list) { :deep(#right-chat .chat-container .message-list) {