update

src/components/WindowQingXiCheAndQv/WindowFraction.vue

@@ -0,0 +1,64 @@
+<script setup>
+import dayjs from "dayjs";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+import { WindowFractionStore } from "@/components/WindowQingXiCheAndQv/store/WindowFractionStore.js";
+import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
+
+</script>
+
+<template>
+    <div class="WindowFraction">
+        
+        <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;
+
+.WindowFraction * {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+}
+
+.WindowFraction {
+    position: fixed;
+    z-index: 0;
+    width: 0px;
+    height: 0px;
+    top: 0px;
+    left: 0px;
+    z-index: 2;
+
+    .main {
+
+        position: fixed;
+        
+        top: 12rem;
+        right: 3rem;
+
+        background-image: url("./img/menu/bg.webp");
+        background-position: center;
+        background-size: 100% 100%;
+        
+    }
+
+    
+}
+</style>

src/components/WindowQingXiCheAndQv/store/WindowFractionStore.js

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