update

src/components/WindowQingXiCheAndQv/WindowTime.vue

@@ -0,0 +1,105 @@
+<script setup>
+import dayjs from "dayjs";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+import { WindowNotesStore } from "@/components/WindowQingXiCheAndQv/store/WindowNotesStore.js";
+import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
+import { WindowEvent } from "../WindowQingXiCheAndQv/js/WindowEvent.js";
+
+WindowEvent.find().ComStore["WindowNotesStore"] = WindowNotesStore;
+
+onMounted(() => {
+    
+});
+
+</script>
+
+<template>
+    <div class="WindowNotes">
+
+        <div v-if="WindowNotesStore().obj.viewOpen == true" 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.7;
+
+.WindowTime * {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+}
+
+.WindowTime {
+    position: fixed;
+    z-index: 0;
+    width: 0px;
+    height: 0px;
+    top: 0px;
+    left: 0px;
+    // z-index: 1000;
+    z-index: 0;
+
+    .main {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+        background-color: #00221899;
+        
+        // .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;
+        //         }
+
+        //     }
+
+        // }
+        
+    }
+    
+}
+</style>