update

src/components/WindowQingXiCheAndQv/WindowMenu.vue

@@ -72,10 +72,15 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
     .main {
 
         position: fixed;
-        width: 22.42rem;
-        height: 39.64rem;
+        width: 22.42rem * @proportion;
+        // height: 39.64rem * @proportion;
+        height: 30rem * @proportion;
+        // top: 12rem * @proportion;
+        // right: 3rem * @proportion;
+
         top: 12rem;
         right: 3rem;
+
         background-image: url("./img/menu/bg.webp");
         background-position: center;
         background-size: 100% 100%;
@@ -88,8 +93,8 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
             width: 100%;
             top: 0px;
             left: 0px;
-            height: 2.5rem;
-            line-height: 2.5rem;
+            height: 2.5rem * @proportion;
+            line-height: 2.5rem * @proportion;
             font-weight: 500;
             font-size: 14px;
             color: #41FFE0;
@@ -100,15 +105,16 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
 
             width: 100%;
             left: 0px;
-            // top: 5rem;
-            top: 4rem;
-            bottom: 1rem;
+            // top: 5rem * @proportion;
+            // top: 4rem * @proportion;
+            top: 3rem * @proportion;
+            bottom: 1rem * @proportion;
 
             .list {
                 position: relative;
                 width: 100%;
-                padding: 0.85rem 0rem 0.85rem 0rem;
-                // padding: 0.35rem 0rem 0.85rem 0rem;
+                padding: 0.85rem * @proportion 0rem * @proportion 0.85rem * @proportion 0rem * @proportion;
+                // padding: 0.35rem * @proportion 0rem * @proportion 0.85rem * @proportion 0rem * @proportion;
                 
                 .one, .two, .three {
                     display: inline-table;
@@ -116,9 +122,9 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
 
                 .selectImg {
                     position: relative;
-                    width: 0.92rem;
-                    top: 0.1rem;
-                    right: 0.8rem;
+                    width: 0.92rem * @proportion;
+                    top: 0.1rem * @proportion;
+                    right: 0.8rem * @proportion;
                 }
 
                 .one {
@@ -129,16 +135,16 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
                 .two {
                     width: 20%;
                     font-weight: 400;
-                    font-size: 1rem;
+                    font-size: 1rem * @proportion;
                     color: #41FFE0;
                 }
 
                 .three {
                     width: 65%;
                     font-weight: 400;
-                    font-size: 1rem;
+                    font-size: 1rem * @proportion;
                     color: #E5FCF8;
-                    padding: 0px 3rem 0px 0px;
+                    padding: 0px 3rem * @proportion 0px 0px;
                 }
 
             }

src/components/WindowQingXiCheAndQv/WindowTxt.vue

@@ -106,7 +106,8 @@ const txtEvent = () => {
 <style lang="less" scoped>
 @import "./css/commonsScrollbar.less";
 
-@proportion : 0.8;
+// @proportion : 0.8;
+@proportion : 0.65;
 
 .WindowTxt * {
     -moz-user-select: none;