update

src/components/Help/Help.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="Help">
 
-        <div class="HelpMain" >
+        <div class="HelpMain" v-if="HelpStore().obj.viewOpen == true" >
 
             <div class="content" >
-                <img class="exit" src="../../assets/help/exit.webp" />
+                <img class="exit" src="../../assets/help/exit.webp" @click="HelpStore().obj.viewOpen = false" />
 
             </div>
 
@@ -12,9 +12,10 @@
     
     </div>
 </template>
-<script setup lang="ts">
+<script setup >
 import { onMounted, reactive, computed, watch, onUnmounted, nextTick, ref } from 'vue';
 import { useRoute } from 'vue-router';
+import { HelpStore } from '@/components/Help/store/HelpStore.js';
 
 onMounted(() => {
 

src/components/Help/store/HelpStore.js

@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia'
+import { ref, watch } from "vue";
+
+export const HelpStore = defineStore('HelpStore', () => {
+
+    /**
+     * 统一放置全局用到的对象，变量等参数
+     */
+    const obj = ref({
+        // 是否展示窗口
+        viewOpen : false,
+    });
+    
+    return {
+        obj,
+    }
+
+})