邓洁 : 适配大屏

src/views/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div id="chat-box">
     <div class="chat-box">
       <div>
         <span>请输入序列号: </span>
@@ -127,4 +127,4 @@ const handleClear = () => {
   top: 0;
   right: 0;
 }
-</style>
+</style>

src/views/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="login-box">
+  <div class="login-box" id="login-box">
     <el-form
         :model="loginForm"
         ref="formInstance"

src/views/tunnel/index.vue

@@ -1,9 +1,39 @@
 <template>
-  <tunnel-scene />
+  <div class="home">
+    <div class="home-left">
+      <div class="example">
+
+      </div>
+    </div>
+    <div class="center">
+      <tunnel-scene id="tunnel-box"/>
+    </div>
+    <div class="home-right">
+    </div>
+  </div>
 </template>
 
 <script setup>
 import TunnelScene from "@/components/content/tunnelScene/TunnelScene.vue";
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.home {
+  position: relative;
+  pointer-events: none;
+
+  .home-left {
+    z-index: 2;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    .example {
+      width: 830px;
+      height: 521px;
+      background-color: #fff;
+      opacity: 0.5;
+    }
+  }
+}
+</style>