Browse Source

远处人物位置左上移动,大小增大

任一存 3 năm trước cách đây
mục cha
commit
03c912e4b8
1 tập tin đã thay đổi với 12 bổ sung12 xóa
  1. 12 12
      src/views/HomeView.vue

+ 12 - 12
src/views/HomeView.vue

@@ -127,7 +127,7 @@
 
 <script>
 const initialPeopleNearPositionLeft = '25%'
-const initPeopleFarPositionRight = '10%'
+const initPeopleFarPositionRight = '15%'
 const landscapeSpeedRate = 0.02
 const peopleFarSpeedRate = 0.4
 const peopleNearSpeedRate = 0.6
@@ -496,9 +496,9 @@ export default {
   }
   > .people-far-wrap {
     position: absolute;
-    top: 20%;
-    height: 630px;
-    width: 420px;
+    top: 15%;
+    height: 750px;
+    width: 500px;
     overflow: hidden;
     > .people-far {
       position: absolute;
@@ -594,26 +594,26 @@ export default {
   }
   @media screen and (max-height: 810px) {
     .people-far-wrap {
-      height: 540px;
-      width: 360px;
+      height: 600px;
+      width: 400px;
     }
   }
   @media screen and (max-height: 720px) {
     .people-far-wrap {
-      height: 480px;
-      width: 320px;
+      height: 540px;
+      width: 360px;
     }
   }
   @media screen and (max-height: 630px) {
     .people-far-wrap {
-      height: 420px;
-      width: 280px;
+      height: 480px;
+      width: 320px;
     }
   }
   @media screen and (max-height: 540px) {
     .people-far-wrap {
-      height: 360px;
-      width: 240px;
+      height: 420px;
+      width: 280px;
     }
   }
 }