update

user_web/src/components/student/courseChapter3d/showDownHole.vue

@@ -15,6 +15,16 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 
     <div class="showDownHole">
         
+        <img class="exit" src="../../../assets/downHole/Union.webp" />
+        <img class="topTitleImg" src="../../../assets/downHole/dy.webp" />
+        <div class="title" >下井信息录入</div>
+
+        <div class="inputMain" >
+
+            
+
+        </div>
+
     </div>
     
 </template>
@@ -38,6 +48,57 @@ import { courseChapter3dShow } from "@/stores/courseChapter3dShow.ts";
 
     .showDownHole {
     
+        position: fixed;
+        width: 54.92rem;
+        height: 54.21rem;
+        z-index: 109;
+        top: 50%;
+        left: 50%;
+        margin: -27.105rem 0px 0px -27.46rem;
+        
+        background-image: url("../../../assets/downHole/bg.webp");
+        -webkit-background-size: 100% 100%;
+        -moz-background-size: 100% 100%;
+        -o-background-size: 100% 100%;
+        background-size: 100% 100%;
+        background-position: center center;
+
+        .exit {
+            position: absolute;
+            cursor:pointer;
+            width: 1.71rem;
+            top: 1.64rem;
+            right: 2.5rem;
+        }
+
+        .topTitleImg {
+            position: absolute;
+            width: 4.07rem;
+            left: 50%;
+            margin: 0px 0px 0px -2.035rem;
+            top: 2.14rem;
+        }
+
+        .title {
+            position: absolute;
+            z-index: 1;
+            width: 100%;
+            text-align: center;
+            font-weight: 500;
+            font-size: 2rem;
+            color: #87D9FE;
+            top: 4.17rem;
+        }
+
+        .inputMain {
+            position: absolute;
+            width: 87%;
+            left: 6.5%;
+            top: 10.21rem;
+
+
+        }
+
     }
 
 </style>