'首页导航跳转'

components/home/footer.vue

@@ -106,7 +106,12 @@
 				margin: 20px 0 62px;
 			}
 			.foote-logo {
+				width: 190px;
+				background: #FFFFFF;
+				border-radius: 10px;
+				opacity: 0.35;
 				img {
+					border-radius: 10px;
 					height: 60px;
 				}
 			}

components/home/header.vue

@@ -54,10 +54,10 @@
 						</li>
 					</ul>
 				</div>
-        <div class="h-right">
+        <!-- <div class="h-right">
           <div class="h-login btn">登录</div>
           <div class="h-regist btn">注册</div>
-        </div>
+        </div> -->
 			</div>
 		</div>
 	</header>
@@ -177,14 +177,14 @@ ul.h-nav-list {
 .h-nav-list > li {
   position: relative;
   display: inline-block;
-  padding: 0 26px;
+  padding: 0 35px;
   line-height: 82px;
   box-sizing: border-box;
   font-size: 15px;
 }
 
 .h-nav-list > li:first-child {
-  padding-left: 16px;
+  padding-left: 40px;
 }
 
 .h-nav-list > li > a {
@@ -241,8 +241,8 @@ ul.h-nav-list {
 .h-nav-list > li .h-nav-list-child {
   visibility: hidden;
   position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
+  // left: 50%;
+  // transform: translateX(-50%);
   width: 100px;
   border-radius: 0px 0px 3px 3px;
   overflow: hidden;

pages/index.vue

@@ -22,7 +22,7 @@
                       <countTo :startVal='0' :endVal='420' :duration='3000'></countTo>
                       <span class="unit">个</span>
                     </div>
-                    <p class="color-gray">学员覆盖城市地区</p>
+                    <p class="color-gray wow animate__animated animate__fadeInLeft">学员覆盖城市地区</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -40,7 +40,7 @@
                       <countTo :startVal='79000' :endVal='800000' :duration='3000'></countTo>
                       <span class="unit">+</span>
                     </div>
-                    <p class="color-gray">累计服务学员</p>
+                    <p class="color-gray wow animate__animated animate__fadeInDown">累计服务学员</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -58,7 +58,7 @@
                       <countTo :startVal='0' :endVal='98.6' :decimals='1' :duration='3000'></countTo>
                       <span class="unit">%</span>
                     </div>
-                    <p class="color-gray">评价好评率</p>
+                    <p class="color-gray wow animate__animated animate__fadeInRight">评价好评率</p>
                   </div>
                   <div class="hover-box">
                     <div class="icon">
@@ -279,6 +279,9 @@
                   <p class="education-title">逻辑狗APP</p>
                   <p class="education-sub-title">逻辑狗，与千万逻辑狗宝贝一起成长</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/teach_01.png">
@@ -306,6 +309,9 @@
                   <p class="education-title">逻辑狗家长端APP</p>
                   <p class="education-sub-title">随时了解宝宝的状态</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/teach_02.png">
@@ -333,6 +339,9 @@
                   <p class="education-title">逻辑狗教师端APP</p>
                   <p class="education-sub-title">实现园所互通</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/teach_03.png">
@@ -361,6 +370,9 @@
                   <p class="education-sub-title">逻辑狗官方商城</p>
                   <p class="education-sub-title">逻辑狗家长训练营</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/teach_04.png">
@@ -388,6 +400,9 @@
                   <p class="education-title">微信小程序</p>
                   <p class="education-sub-title">中德智慧网校</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/teach_05.png">
@@ -415,6 +430,9 @@
                   <p class="education-title">APP内嵌SDK</p>
                   <p class="education-sub-title">打破终端流量转化壁垒在自有APP搭建店铺</p>
                 </div>
+                <div class="education-gzh">
+                  <img src="~/assets/images/index/teach_gzh.png" alt="">
+                </div>
               </div>
               <div class="education-img">
                 <img src="~/assets/images/index/img_SDK.png">
@@ -1670,17 +1688,21 @@ ul.cate-nav {
           display: -ms-flexbox;
           display: flex;
           margin-left: 36px;
+          .education-gzh {
+            font-size: 0;
+            margin-top: 32px;
+          }
           .pc-small-img {
             width: 42px;
             height: 34px;
-            margin-top: 40px;
+            margin-top: 56px;
             img {
               width: 42px;
               height: 34px;
             }
           }
           .education-title-box {
-            margin-top: 32px;
+            margin-top: 42px;
             margin-left: 20px;
             .education-title {
               height: 24px;
@@ -1707,7 +1729,7 @@ ul.cate-nav {
           // width: 306px;
           width: 378px;
           height: auto;
-          margin: 48px auto 0;
+          // margin: 48px auto 0;
           img {
             width: 378px;
             height: auto;