update

src/components/WindowQingXiCheAndQv/WindowTxt.vue

@@ -106,6 +106,8 @@ const txtEvent = () => {
 <style lang="less" scoped>
 @import "./css/commonsScrollbar.less";
 
+@proportion : 0.8;
+
 .WindowTxt * {
     -moz-user-select: none;
     -webkit-user-select: none;
@@ -126,10 +128,13 @@ const txtEvent = () => {
     .main {
 
         position: fixed;
-        width: 35.4285rem;
-        height: 21.8571rem;
-        top: 8%;
-        left: 18%;
+        width: 35.4285rem * @proportion;
+        height: 21.8571rem * @proportion;
+        // top: 8%;
+        // left: 18%;
+
+        bottom: 18%;
+        right: 2%;
 
         // background-image: url("../../assets/res/img/window/bg.png");
         background-image: url("../../assets/res/img/window/bg.webp");
@@ -139,9 +144,9 @@ const txtEvent = () => {
         .exit {
 
             position: absolute;
-            width: 1.4285rem;
-            top: 3.0714rem;
-            right: 3.2142rem;
+            width: 1.4285rem * @proportion;
+            top: 3.0714rem * @proportion;
+            right: 3.2142rem * @proportion;
             // 手势
             cursor:pointer;
 
@@ -150,23 +155,23 @@ const txtEvent = () => {
         .title {
             position: absolute;
             color: #FEFEFE;
-            font-size: 1.4285rem;
+            font-size: 1.4285rem * @proportion;
             font-weight: 500;
-            top: 2.65rem;
-            left: 5.428rem;
+            top: 2.65rem * @proportion;
+            left: 5.428rem * @proportion;
         }
 
         .content {
 
             position: absolute;
-            top: 5rem;
-            left: 3.5714rem;
-            right: 3.5714rem;
-            bottom: 3rem;
+            top: 5rem * @proportion;
+            left: 3.5714rem * @proportion;
+            right: 3.5714rem * @proportion;
+            bottom: 3rem * @proportion;
             color: #FEFEFE;
-            font-size: 1.2857rem;
+            font-size: 1.2857rem * @proportion;
             font-weight: 400;
-            line-height: 2.15rem;
+            line-height: 2.15rem * @proportion;
 
             // 换行
             word-break: break-all;

src/components/WindowQingXiCheAndQv/css/commonsScrollbar.less

@@ -7,40 +7,40 @@
 
 /* 滚动条整体样式 */
 .commonsScrollbar::-webkit-scrollbar {
-    width: 2px;
-    height: 2px;
+    width: 0px;
+    height: 0px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .commonsScrollbar::scrollbar {
-    width: 2px;
-    height: 2px;
+    width: 0px;
+    height: 0px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .commonsScrollbar::-moz-scrollbar {
-    width: 2px;
-    height: 2px;
+    width: 0px;
+    height: 0px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .commonsScrollbar::-ms-scrollbar {
-    width: 2px;
-    height: 2px;
+    width: 0px;
+    height: 0px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .commonsScrollbar::-o-scrollbar {
-    width: 2px;
-    height: 2px;
+    width: 0px;
+    height: 0px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;