修改视频监控大小位置

index.html

@@ -20,5 +20,11 @@
   <script type="module" src="/src/main.js"></script>
 
 </body>
+<style>
+  *{
+    padding: 0;
+    margin: 0;
+  }
+</style>
 
 </html>

public/config.js

@@ -1,6 +1,6 @@
 window.g = {
     // 获取数据请求地址
-    BASE_API: "https://test.lqkj.top//cmioc3-server",
-    // BASE_API: "http://192.168.4.219:12397/ioc-server",
+    // BASE_API: "https://test.lqkj.top//cmioc3-server",
+    BASE_API: "http://192.168.4.219:12397/ioc-server",
     UE_IP: "http://192.168.4.159"
 };

src/components/home.vue

@@ -90,7 +90,7 @@ export default ({
         // 视频数据
         const videoData = reactive({
             width: "100%", //播放器高度
-            height: "100%", //播放器高度
+            height: "66.5vh", //播放器高度
             color: "red", //主题色
             title: "互动教室", //视频名称
             // src: "https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/IronMan.mp4", //视频源

src/components/right.vue

@@ -121,7 +121,7 @@
     </el-aside>
 
     <!-- 视频播放弹框 -->
-    <el-dialog class="videoDialog" v-model="videoDialog" :title="dialogTitle" width="62%" align="center" top="7%" style="z-index: 2015;">
+    <el-dialog class="videoDialog" v-model="videoDialog" :title="dialogTitle" width="62%" align="center" top="8%" style="z-index: 2015;">
         <videoPlay v-bind="videoData" />
 
         <!-- {{ videoData.src }} -->
@@ -144,7 +144,7 @@ export default ({
         // 视频数据
         const videoData = reactive({
             width: "100%", //播放器高度
-            height: "100%", //播放器高度
+            height: "66.5vh", //播放器高度
             color: "red", //主题色
             // title: "互动教室", //视频名称
             // src: "https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/IronMan.mp4", //视频源