update

src/components/ThreeWorldEventQingXiCheAndQv/QingXiCheAndQvMain.vue

@@ -27,6 +27,7 @@ import WindowFraction from "../WindowQingXiCheAndQv/WindowFraction.vue";
 import { WindowFractionStore } from "@/components/WindowQingXiCheAndQv/store/WindowFractionStore.js";
 
 import WindowNotes from "@/components/WindowQingXiCheAndQv/WindowNotes.vue";
+import WindowTime from "@/components/WindowQingXiCheAndQv/WindowTime.vue";
 
 import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
 
@@ -325,6 +326,7 @@ onMounted(() => {
         ></WindowFraction>
 
         <WindowNotes></WindowNotes>
+        <WindowTime></WindowTime>
         
         <!-- 我们会通过一个全局的变量，来控制什么组件是否显示 CommonVal().loadSuccess 是一种方式，3d场景加载完成后会变成 true -->
         <div

src/components/WindowQingXiCheAndQv/WindowTime.vue

@@ -1,11 +1,11 @@
 <script setup>
 import dayjs from "dayjs";
 import { computed, onMounted, onUnmounted, ref } from "vue";
-import { WindowNotesStore } from "@/components/WindowQingXiCheAndQv/store/WindowNotesStore.js";
+import { WindowTimeStore } from "@/components/WindowQingXiCheAndQv/store/WindowTimeStore.js";
 import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
 import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
 
-WindowEvent.find().ComStore["WindowNotesStore"] = WindowNotesStore;
+WindowEvent.find().ComStore["WindowTimeStore"] = WindowTimeStore;
 
 onMounted(() => {
     
@@ -14,10 +14,14 @@ onMounted(() => {
 </script>
 
 <template>
-    <div class="WindowNotes">
+    <div class="WindowTime">
 
-        <div v-if="WindowNotesStore().obj.viewOpen == true" class="main">
+        <!-- <div v-if="WindowNotesStore().obj.viewOpen == true" class="main">
             
+        </div> -->
+
+        <div class="main">
+
         </div>
         
     </div>
@@ -57,47 +61,15 @@ onMounted(() => {
 
     .main {
         position: fixed;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-        background-color: #00221899;
+        width: 10rem;
+        height: 4.28rem;
+        top: 11rem;
+        right: 22rem;
+        background-image: url("./img/exam/time.webp");
+        background-position: center;
+        background-size: 100% 100%;
         
-        // .content {
-        //     position: fixed;
-        //     width: 103rem * @proportion;
-        //     height: 58.64rem * @proportion;
-        //     top: 50%;
-        //     left: 50%;
-        //     margin: -29.32rem * @proportion 0px 0px -51.5rem * @proportion;
-        //     background-image: url("./img/exam/bg.webp");
-        //     background-position: center;
-        //     background-size: 100% 100%;
-
-        //     .KaoHeShuoMing {
-        //         position: absolute;
-        //         width: 17.21rem * @proportion;
-        //         top: 3.5rem * @proportion;
-        //         left: 50%;
-        //         margin: 0px 0px 0px -8.605rem * @proportion;
-        //     }
-
-        //     .txtList {
-        //         position: absolute;
-        //         top: 10rem * @proportion;
-        //         left: 10rem * @proportion;
-        //         right: 10rem * @proportion;
-        //         bottom: 5rem * @proportion;
-                
-        //         .txt {
-        //             font-weight: 400;
-        //             font-size: 1.64rem * @proportion;
-        //             color: #EBEAE7;
-        //         }
-
-        //     }
 
-        // }
         
     }
     

src/components/WindowQingXiCheAndQv/store/WindowTimeStore.js

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