xcx

src/pages/zhiNengYuan.vue

@@ -126,12 +126,78 @@
         </div>
         <h4>智慧预防</h4>
         <img src="../assets/images/icon-50.jpg" @load="imgLoad" class="icon50" width="100%" alt>
+        <b>访客预约系统：</b>
+        <span>轻松授权通行，让拜访更加
+          <br>自由随心。
+        </span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧停车</h4>
+        <img src="../assets/images/icon-51.jpg" @load="imgLoad" class="icon51" width="100%" alt>
+        <b>车牌自动识别系统：</b>
+        <span>车辆身份自动识别，
+          <br>出入安全无阻。
+        </span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧充电桩</h4>
+        <img src="../assets/images/icon-52.jpg" @load="imgLoad" class="icon52" width="100%" alt>
+        <span style="margin-top: .1rem;">电动车安全自动充电，
+          <br>无后顾之忧。
+        </span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧安防</h4>
+        <img src="../assets/images/icon-53.jpg" @load="imgLoad" class="icon53" width="100%" alt>
+        <b>智能安防系统：</b>
+        <span>健全的安防布置，让智慧科技
+          <br>保障业主的幸福生活。
+        </span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧货柜</h4>
+        <img src="../assets/images/icon-54.jpg" @load="imgLoad" class="icon54" width="100%" alt>
+        <span style="margin-top: .1rem;">自助购买生活用品，便捷省心。</span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧APP</h4>
+        <img src="../assets/images/icon-55.gif" @load="imgLoad" class="icon55" width="100%" alt>
+        <b>智慧社区APP：</b>
+        <span>远程控制，运筹帷幄。</span>
+        <div class="dashLine">
+          <div>
+            <div></div>
+          </div>
+        </div>
+        <h4>智慧呼叫系统</h4>
+        <img src="../assets/images/icon-56.jpg" @load="imgLoad" class="icon56" width="100%" alt>
+        <b>一键呼叫：</b>
+        <span>一键式呼叫，让老者在家更从容，
+          <br>儿女更安心。
+        </span>
+        <div class="dashLine hideFoot">
+          <div>
+            <div></div>
+          </div>
+        </div>
       </div>
     </div>
     <div class="foot">
-      <span :class="{'active': imgNum >= totalImgNum && scrollTop >= scrollArr[2]}">对接工作与生活，开启今天与明天！
-        <br>以优势资源，享人生高见！
-      </span>
       <img src="../assets/images/icon-25.png" class="icon25" width="100%" alt>
     </div>
   </div>
@@ -450,6 +516,9 @@ export default {
     &.hide::before {
       display: none;
     }
+    &.hideFoot::after{
+      display: none;
+    }
   }
   .box5 {
     .scrollPage {
@@ -470,7 +539,7 @@ export default {
         color: #dea369;
         font-size: .14rem;
         line-height: 1.5;
-        margin: .05rem auto 0;
+        margin: .1rem auto 0;
       }
       >span{
         width: 100%;