git add .

src/views/meeting.vue

@@ -24,7 +24,7 @@
             :class="`layout-template-${templateId}`"
             ref="videoElementRef"
           ></div>
-          <CountDown :start-time="store.getters.startTime" />
+          <!-- <CountDown :start-time="store.getters.startTime" /> -->
           <!-- <like
             v-if="screenWidth > 900"
             :meeting-id="store.getters.meetingId"
@@ -56,7 +56,11 @@
         />
       </div>
     </div>
-    <div class="like-row">
+    <div
+      :class="`like-row ${
+        templateId == 5 && inSharing && !isShareByme ? 'isShare' : ''
+      }`"
+    >
       <like
         :meeting-id="store.getters.meetingId"
         :like="likeCount"
@@ -191,7 +195,7 @@ import {
   commitQuestionnaire,
   commitExam,
 } from "@/api/meeting";
-import CountDown from "@/components/countDown.vue";
+// import CountDown from "@/components/countDown.vue";
 
 const store = useStore();
 const route = useRoute();
@@ -926,6 +930,11 @@ $meetingComponentHeight: $meetingComponentWitdh * 9 / 16;
 $meetingBackgroundWidth: 80vw; //会议背景宽度
 $meetingBackgroundHeight: 80vw * 9 / 16;
 
+@media screen and (max-width: 900px) {
+  .like-row.isShare {
+    margin-top: 42px;
+  }
+}
 .isShare {
   .text-label-container {
     display: none !important;
@@ -946,7 +955,9 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
       > div
       > .zmwebsdk-MuiPaper-root
       > .zmwebsdk-MuiPaper-root:nth-child(2)) {
-    display: none !important;
+    // display: none !important;
+    position: absolute;
+    visibility: hidden;
   }
   // 视频组件宽度
   :deep(#video-element
@@ -981,6 +992,59 @@ $meetingBackgroundHeight: 80vw * 9 / 16;
       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) {