update

src/App.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted } from 'vue';
+import Help from "@/components/Help/Help.vue";
 
 const setFontSize = () => {
     // 字体大小动态调整
@@ -19,6 +20,7 @@ onMounted(() => {
 
 <template>
     <router-view></router-view>
+    <Help></Help>
 </template>
 
 <style scoped></style>

src/components/Help/Help.vue

@@ -1,7 +1,12 @@
 <template>
     <div class="Help">
 
-        <div class="main" >
+        <div class="HelpMain" >
+
+            <div class="content" >
+                <img class="exit" src="../../assets/help/exit.webp" />
+
+            </div>
 
         </div>
     
@@ -34,13 +39,36 @@ onMounted(() => {
     top: 0px;
     left: 0px;
     z-index: 1000;
-
-    .main {
+    
+    .HelpMain {
         position: fixed;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
+        background-color: #0E8F8830;
+
+        .content {
+            position: fixed;
+            width: 96.5rem;
+            height: 58.64rem;
+            top: 50%;
+            left: 50%;
+            margin: -29.32rem 0px 0px -48.25rem;
+            background-image: url("../../assets/help/bg.webp");
+            background-position: center;
+            background-size: 100% 100%;
+            
+            .exit {
+                position: absolute;
+                width: 3.85rem;
+                height: 3.85rem;
+                top: 0px;
+                right: -6rem;
+            }
+
+        }
+
     }
 
 }