update

src/components/ThreeWorldEventQingXiCheAndQv/QingXiCheAndQvMain.vue

@@ -20,6 +20,9 @@ import { WindowCountdownStore } from "@/components/WindowQingXiCheAndQv/store/Wi
 import WindowVideoRemoveColor from "../WindowQingXiCheAndQv/WindowVideoRemoveColor.vue";
 import { WindowVideoRemoveColorStore } from "@/components/WindowQingXiCheAndQv/store/WindowVideoRemoveColorStore.js";
 
+import WindowMenu from "../WindowQingXiCheAndQv/WindowMenu.vue";
+import { WindowMenuStore } from "@/components/WindowQingXiCheAndQv/store/WindowMenuStore.js";
+
 import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
 
 // 接收参数
@@ -277,6 +280,9 @@ const QvStepUpdate = (name) => {
         <WindowVideoRemoveColor
             v-if="WindowVideoRemoveColorStore().obj.viewOpen == true"
         ></WindowVideoRemoveColor>
+
+
+        <WindowMenu></WindowMenu>
         
         <!-- 我们会通过一个全局的变量，来控制什么组件是否显示 CommonVal().loadSuccess 是一种方式，3d场景加载完成后会变成 true -->
         <div

src/components/WindowQingXiCheAndQv/WindowMenu.vue

@@ -0,0 +1,66 @@
+<script setup>
+import dayjs from "dayjs";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+import { WindowMenuStore } from "@/components/WindowQingXiCheAndQv/store/WindowMenuStore.js";
+import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
+
+
+</script>
+
+<template>
+    <div class="WindowMenu">
+        
+        <div class="main">
+        
+
+        </div>
+        
+    </div>
+</template>
+
+<style lang="less" >
+* {
+    box-sizing:border-box;
+    -moz-box-sizing:border-box; /* Firefox */
+    -webkit-box-sizing:border-box; /* Safari */
+}
+</style>
+
+<style lang="less" scoped>
+@import "./css/commonsScrollbar.less";
+
+@proportion : 0.8;
+
+.WindowMenu * {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+}
+
+.WindowMenu {
+    position: fixed;
+    z-index: 0;
+    width: 0px;
+    height: 0px;
+    top: 0px;
+    left: 0px;
+    z-index: 2;
+
+    .main {
+
+        position: fixed;
+        width: 22.42rem;
+        height: 39.64rem;
+        top: 12rem;
+        right: 3rem;
+        background-image: url("./img/menu/bg.webp");
+        background-position: center;
+        background-size: 100% 100%;
+        
+    }
+
+    
+}
+</style>

src/components/WindowQingXiCheAndQv/store/WindowMenuStore.js

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