xcx

src/pages/chengShiShan.vue

@@ -34,7 +34,7 @@
         <span class="text1" :class="{'active': imgNum >= totalImgNum}">青山，鲜氧，最宜修身养性，</span>
         <span class="text2" :class="{'active': imgNum >= totalImgNum}">聚焦，豁达，悦享非凡高见！</span>
       </div>
-      <div class="box box2">
+      <div class="box box2" style="margin-top: 0;">
         <img
           src="../assets/images/icon-25.png"
           @load="imgLoad"
@@ -47,7 +47,7 @@
           <img src="../assets/images/icon-26.jpg" @load="imgLoad" class="icon26" width="100%" alt>
         </div>
         <div class="textInfo flex-h scrollPage">
-          <div class="line">
+          <div class="line" style="width: 10vw">
             <div :class="{'active': imgNum >= totalImgNum && scrollTop >= scrollArr[0]}"></div>
           </div>
           <div class="flex-item">
@@ -71,7 +71,7 @@
           </div>
         </div>
       </div>
-      <div class="box box3">
+      <div class="box box3" style="margin-top: .25rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-28.jpg" @load="imgLoad" class="icon26" width="100%" alt>
@@ -97,7 +97,7 @@
           <img src="../assets/images/icon-31.jpg" @load="imgLoad" class="icon31" width="100%" alt>
         </div>
         <div class="textInfo flex-h scrollPage">
-          <div class="line">
+          <div class="line" style="width: 10vw">
             <div :class="{'active': imgNum >= totalImgNum && scrollTop >= scrollArr[2]}"></div>
           </div>
           <div class="flex-item">
@@ -128,7 +128,7 @@
         >对接工作与生活，开启今天与明天！
           <br>以优势资源，享人生高见！
         </span>
-        <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
+        <img src="../assets/images/icon-25.png" style="margin-top: .45rem;" class="icon25" width="100%" alt>
       </div>
     </div>
   </div>
@@ -277,7 +277,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.12rem;
-        line-height: 1.5;
+        line-height: 1.6;
         color: #e6b185;
       }
       .text1 {
@@ -354,7 +354,7 @@ export default {
             width: 100%;
             display: block;
             font-size: 0.11rem;
-            line-height: 0.15rem;
+            line-height: 1.6;
             transition: all 0.5s linear 1s;
             -webkit-transition: all 0.5s linear 1s;
             transform: translateY(100%);
@@ -367,7 +367,7 @@ export default {
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
@@ -379,7 +379,7 @@ export default {
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         margin-top: 0.05rem;
         display: block;
         transition: all 0.5s linear;
@@ -398,7 +398,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         color: #e2ac6b;
         transition: all 0.5s linear 1.5s;
         -webkit-transition: all 0.5s linear 1.5s;

src/pages/quanLingJu.vue

@@ -54,7 +54,7 @@
           width="100%"
           alt
         >
-        <div class="bigImg">
+        <div class="bigImg" style="padding: 0;">
           <img src="../assets/images/icon-61.jpg" @load="imgLoad" class="icon61" width="100%" alt>
         </div>
         <div class="textInfo flex-h scrollPage" style="margin-top: -.3rem;margin-bottom: .1rem;">
@@ -81,7 +81,7 @@
           </div>
         </div>
       </div>
-      <div class="box box3">
+      <div class="box box3" style="margin-top: .35rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-63.jpg" @load="imgLoad" class="icon63" width="100%" alt>
@@ -96,12 +96,12 @@
           </span>
         </div>
       </div>
-      <div class="box box4">
+      <div class="box box4" style="margin-top: .3rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-65.jpg" @load="imgLoad" class="icon65" width="100%" alt>
         </div>
-        <div class="textInfo flex-h scrollPage">
+        <div class="textInfo flex-h scrollPage" style="margin-top: .25rem;">
           <div class="flex-item">
             <div style="text-align:right;">
               <img
@@ -133,7 +133,7 @@
           </div>
         </div>
       </div>
-      <div class="box box5">
+      <div class="box box5" style="margin-top: .35rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-68.jpg" @load="imgLoad" class="icon68" width="100%" alt>
@@ -285,7 +285,7 @@ export default {
       .icon58 {
         transition-delay: 1s;
         -webkit-transition-delay: 1s;
-        top: 0.9rem;
+        top: 1rem;
         &.active {
           opacity: 1;
         }
@@ -293,7 +293,7 @@ export default {
       .icon59 {
         transition-delay: 1.5s;
         -webkit-transition-delay: 1.5s;
-        top: 1.1rem;
+        top: 1.3rem;
         &.active {
           opacity: 1;
         }
@@ -303,7 +303,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.12rem;
-        line-height: 1.5;
+        line-height: 1.6;
         color: #e6b185;
         margin-top: 0.1rem;
       }
@@ -320,6 +320,9 @@ export default {
       overflow: hidden;
       margin-top: 0.15rem;
     }
+    .bigImg{
+      margin-top: .25rem;
+    }
     .textInfo {
       .line {
         width: 13vw;
@@ -379,7 +382,7 @@ export default {
             width: 100%;
             display: block;
             font-size: 0.11rem;
-            line-height: 0.15rem;
+            line-height: 1.6;
             transition: all 0.5s linear 1s;
             -webkit-transition: all 0.5s linear 1s;
             opacity: 0;
@@ -388,7 +391,7 @@ export default {
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
@@ -400,7 +403,7 @@ export default {
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         margin-top: 0.05rem;
         display: block;
         transition: all 0.5s linear;
@@ -418,7 +421,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         color: #e2ac6b;
         transition: all 0.5s linear 1.5s;
         -webkit-transition: all 0.5s linear 1.5s;

src/pages/xinFuWu.vue

@@ -33,7 +33,7 @@
         >
       </div>
       <div class="box box2">
-        <div class="bigImg" style="margin-top: .2rem;">
+        <div class="bigImg" style="margin-top: .3rem;">
           <img src="../assets/images/icon-73.jpg" @load="imgLoad" class="icon73" width="100%" alt>
         </div>
         <div class="subInfo scrollPage">
@@ -50,9 +50,9 @@
           <b :class="{'active': imgNum >= totalImgNum && scrollTop >= scrollArr[0]}">赢得业主和市场广泛赞誉。</b>
         </div>
       </div>
-      <div class="box box3">
+      <div class="box box3" style="margin-top: .35rem;">
         <img src="../assets/images/icon-25.png" @load="imgLoad" class="icon25" width="100%" alt>
-        <div class="bigImg">
+        <div class="bigImg" style="margin-top: .25rem;">
           <img src="../assets/images/icon-74.jpg" @load="imgLoad" class="icon74" width="100%" alt>
         </div>
         <div class="subInfo scrollPage">
@@ -270,7 +270,7 @@ export default {
             width: 100%;
             display: block;
             font-size: 0.11rem;
-            line-height: 0.15rem;
+            line-height: 1.6;
             transition: all 0.5s linear 1s;
             -webkit-transition: all 0.5s linear 1s;
             opacity: 0;
@@ -279,7 +279,7 @@ export default {
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
@@ -291,8 +291,8 @@ export default {
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
-        margin-top: 0.05rem;
+        line-height: 1.6;
+        margin-top: 0.15rem;
         display: block;
       }
       > b {
@@ -301,6 +301,7 @@ export default {
         text-align: center;
         font-size: 0.13rem;
         color: #e2ac6b;
+        line-height: 1.6;
         &.active {
           animation: GlitterAnimation 1s linear 2s;
           -webkit-animation: GlitterAnimation 1s linear 2s;
@@ -316,7 +317,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         color: #e2ac6b;
         transition: all 0.5s linear 1.5s;
         -webkit-transition: all 0.5s linear 1.5s;

src/pages/yueGaoJie.vue

@@ -17,7 +17,7 @@
         </div>
         <img src="../assets/images/icon-76.png" @load="imgLoad" class="icon76" :class="{'active': imgNum >= totalImgNum}" width="100%" alt>
         <img src="../assets/images/icon-77.png" @load="imgLoad" class="icon77" :class="{'active': imgNum >= totalImgNum}" width="100%" alt>
-        <img src="../assets/images/icon-79.gif" style="margin-top: .3rem;" @load="imgLoad" class="icon79" width="100%" alt>
+        <img src="../assets/images/icon-79.gif" style="margin-top: .45rem;" @load="imgLoad" class="icon79" width="100%" alt>
         <div class="subInfo">
           <span>银城颐居•悦见山，
             <br>17万方高品质全龄智慧奢宅，
@@ -27,22 +27,22 @@
           </span>
         </div>
       </div>
-      <div class="box box2">
+      <div class="box box2" style="margin-top: .2rem;">
         <div class="bigImg">
           <img src="../assets/images/icon-80.jpg" @load="imgLoad" class="icon80" width="100%" alt>
         </div>
         <div class="list">
-          <img src="../assets/images/icon-81.gif" style="margin: .3rem auto;" @load="imgLoad" class="icon81" width="100%" alt>
-          <img src="../assets/images/icon-82.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
-          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" @load="imgLoad" class="icon25" width="100%" alt>
-          <img src="../assets/images/icon-83.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
-          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" class="icon25" width="100%" alt>
-          <img src="../assets/images/icon-84.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
-          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" class="icon25" width="100%" alt>
-          <img src="../assets/images/icon-85.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
+          <img src="../assets/images/icon-81.gif" style="margin: .45rem auto .4rem;" @load="imgLoad" class="icon81" width="100%" alt>
+          <img src="../assets/images/icon-82.jpg" style="margin-bottom: .3rem;" @load="imgLoad" width="100%" alt>
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .3rem;" @load="imgLoad" class="icon25" width="100%" alt>
+          <img src="../assets/images/icon-83.jpg" style="margin-bottom: .3rem;" @load="imgLoad" width="100%" alt>
           <img src="../assets/images/icon-25.png" style="margin-bottom: .3rem;" class="icon25" width="100%" alt>
+          <img src="../assets/images/icon-84.jpg" style="margin-bottom: .3rem;" @load="imgLoad" width="100%" alt>
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .3rem;" class="icon25" width="100%" alt>
+          <img src="../assets/images/icon-85.jpg" style="margin-bottom: .3rem;" @load="imgLoad" width="100%" alt>
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .4rem;" class="icon25" width="100%" alt>
           <img src="../assets/images/icon-86.gif" @load="imgLoad" width="100%" alt>
-          <span>联系您的美好生活设计师！</span>
+          <span style="margin-top: .05rem;">联系您的美好生活设计师！</span>
           <ul>
             <li v-for="(item, index) in userList" :key="index">
               <a :href="['tel:' + item.tel]">
@@ -72,7 +72,7 @@ export default {
   data () {
     return {
       imgNum: 0,
-      totalImgNum: 30,
+      totalImgNum: 26,
       scrollArr: [],
       scrollTop: 0,
       musicStatus: true,
@@ -251,7 +251,7 @@ export default {
       .icon77 {
         transition-delay: 1s;
         -webkit-transition-delay: 1s;
-        top: 0.9rem;
+        top: 1rem;
         &.active {
           opacity: 1;
         }
@@ -279,9 +279,9 @@ export default {
             position: relative;
             overflow: visible;
             box-sizing: border-box;
-            border-left: 0.1rem solid transparent;
-            border-right: 0.1rem solid transparent;
-            margin-top: 0.2rem;
+            border-left: 0.07rem solid transparent;
+            border-right: 0.07rem solid transparent;
+            margin-top: 0.15rem;
             > * {
               width: 100%;
               box-sizing: border-box;
@@ -290,7 +290,7 @@ export default {
               border-radius: 5px;
               position: relative;
               overflow: hidden;
-              box-shadow: 0 0 0.2rem 0.05rem rgba(0, 0, 0, 0.05);
+              box-shadow: 0 0 0.1rem 0.02rem rgba(0, 0, 0, 0.05);
               .userIcon {
                 padding: 0 25%;
                 position: relative;
@@ -351,7 +351,7 @@ export default {
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         margin-top: 0.05rem;
         display: block;
       }
@@ -363,7 +363,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         color: #e2ac6b;
         transition: all 0.5s linear 1.5s;
         -webkit-transition: all 0.5s linear 1.5s;

src/pages/zhiNengYuan.vue

@@ -47,7 +47,7 @@
       </div>
       <div class="box box3" style="margin-top: .4rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
-        <div class="scrollPage" style="margin-top: .3rem;position: relative;overflow: visible;">
+        <div class="scrollPage" style="margin-top: .2rem;position: relative;overflow: visible;">
           <img
             src="../assets/images/icon-38.png"
             style="margin-top: .2rem;"
@@ -114,7 +114,7 @@
           </span>
         </div>
       </div>
-      <div class="box box4">
+      <div class="box box4" style="margin-top: .35rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-43.jpg" @load="imgLoad" class="icon43" width="100%" alt>
@@ -147,7 +147,7 @@
             alt
           >
         </div>
-        <div class="subInfo scrollPage">
+        <div class="subInfo scrollPage" style="margin-top: .15rem;">
           <span :class="{'active': imgNum >= totalImgNum && scrollTop >= scrollArr[3]}">健康夜光慢跑环，
             <br>
             <b>动</b>起来，恣意徜徉。
@@ -163,7 +163,7 @@
           </span>
         </div>
       </div>
-      <div class="box box5">
+      <div class="box box5" style="margin-top: .4rem;">
         <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
         <div class="bigImg">
           <img src="../assets/images/icon-110.jpg" @load="imgLoad" class="icon110" width="100%" alt>
@@ -446,11 +446,11 @@ export default {
       }
       .icon36 {
         top: 10vw;
-        right: 10vw;
+        right: 12vw;
       }
       .icon37 {
         top: 80vw;
-        left: 10vw;
+        left: 12vw;
         transition-delay: 0.5s;
         -webkit-transition-delay: 0.5s;
       }
@@ -546,7 +546,7 @@ export default {
             width: 100%;
             display: block;
             font-size: 0.11rem;
-            line-height: 0.15rem;
+            line-height: 1.6;
             transition: all 0.5s linear 1s;
             -webkit-transition: all 0.5s linear 1s;
             transform: translateY(100%);
@@ -559,7 +559,7 @@ export default {
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
@@ -571,7 +571,7 @@ export default {
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         margin-top: 0.05rem;
         display: block;
         transition: all 0.5s linear;
@@ -594,7 +594,7 @@ export default {
         display: block;
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         color: #e2ac6b;
         transition: all 0.5s linear 1.5s;
         -webkit-transition: all 0.5s linear 1.5s;
@@ -626,7 +626,7 @@ export default {
           font-size: 0.21rem;
           font-family: "宋体";
           line-height: 1.5;
-          margin: 0.1rem 0;
+          margin: 0.02rem 0;
           color: #dea369;
           font-weight: normal;
         }