xcx

src/pages/chengShiShan.vue

         <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"
           <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">
           </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>
           <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">
         >对接工作与生活，开启今天与明天！
           <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>
         display: block;
         text-align: center;
         font-size: 0.12rem;
-        line-height: 1.5;
+        line-height: 1.6;
         color: #e6b185;
       }
       .text1 {
             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%);
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
       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;
         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

           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;">
           </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>
           </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
           </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>
       .icon58 {
         transition-delay: 1s;
         -webkit-transition-delay: 1s;
-        top: 0.9rem;
+        top: 1rem;
         &.active {
           opacity: 1;
         }
       .icon59 {
         transition-delay: 1.5s;
         -webkit-transition-delay: 1.5s;
-        top: 1.1rem;
+        top: 1.3rem;
         &.active {
           opacity: 1;
         }
         display: block;
         text-align: center;
         font-size: 0.12rem;
-        line-height: 1.5;
+        line-height: 1.6;
         color: #e6b185;
         margin-top: 0.1rem;
       }
       overflow: hidden;
       margin-top: 0.15rem;
     }
+    .bigImg{
+      margin-top: .25rem;
+    }
     .textInfo {
       .line {
         width: 13vw;
             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;
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
       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;
         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

         >
       </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">
           <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">
             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;
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
       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 {
         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;
         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

         </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万方高品质全龄智慧奢宅，
           </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]">
   data () {
     return {
       imgNum: 0,
-      totalImgNum: 30,
+      totalImgNum: 26,
       scrollArr: [],
       scrollTop: 0,
       musicStatus: true,
       .icon77 {
         transition-delay: 1s;
         -webkit-transition-delay: 1s;
-        top: 0.9rem;
+        top: 1rem;
         &.active {
           opacity: 1;
         }
             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;
               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;
       span {
         text-align: center;
         font-size: 0.11rem;
-        line-height: 0.15rem;
+        line-height: 1.6;
         margin-top: 0.05rem;
         display: block;
       }
         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

       </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;"
           </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>
             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>起来，恣意徜徉。
           </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>
       }
       .icon36 {
         top: 10vw;
-        right: 10vw;
+        right: 12vw;
       }
       .icon37 {
         top: 80vw;
-        left: 10vw;
+        left: 12vw;
         transition-delay: 0.5s;
         -webkit-transition-delay: 0.5s;
       }
             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%);
             }
             b {
               font-size: 0.11rem;
-              line-height: 0.15rem;
+              line-height: 1.6;
               font-weight: bolder;
             }
           }
       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;
         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;
           font-size: 0.21rem;
           font-family: "宋体";
           line-height: 1.5;
-          margin: 0.1rem 0;
+          margin: 0.02rem 0;
           color: #dea369;
           font-weight: normal;
         }