Merge branch 'master' of http://106.12.23.251:10080/CDHABOOK/TEAMModelOS

TEAMModelOS.SmartTeach/ClientApp/components/HeaderPage.vue

@@ -15,24 +15,29 @@
         </div>
         <div class="who-is">
           <ul class="people-list">
-            <li>
-              <img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/w_hjy/ami1.png">
+            <li class=" show animated slideInLeft delay-1s">
+              <img src="../assets/image/who01.png">
               <span>我是管理者</span>
             </li>
-            <li>
-              <img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/w_hjy/ami2.png">
+            <li class=" show animated slideInLeft ">
+              <img src="../assets/image/who02.png">
               <span>我是教师</span>
             </li>
-            <li>
-              <img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/w_hjy/ami3.png">
+            <li class="show animated slideInRight">
+              <img src="../assets/image/who03.png">
               <span>我是学生</span>
             </li>
-            <li>
-              <img src="https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/w_hjy/ami4.png">
+            <li class="show animated slideInRight delay-1s">
+              <img src="../assets/image/who04.png">
               <span>我是家长</span>
             </li>
           </ul>
         </div>
+        <div class="center-info">
+          <h1>已超过<span>1000</span>所学校开通了我们的服务</h1>
+          <img  src="../assets/image/center01.png" >
+          <img  src="../assets/image/bottom.png" >
+        </div>
      </div>
 </template>
 <script>
@@ -40,15 +45,13 @@
     data() {
       return {
         homeCarouselImg: [
-          {
-            images: 'https://css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/w_hjy/banner/banner4.jpg'
-          },
+
           {
             images: require('../assets/image/banner02.png')
           },
           {
             images: require('../assets/image/banner01.png')
-          }
+          },
         ]
       };
     },
@@ -63,7 +66,7 @@
 
   .title {
     width: 100%;
-    margin-top:5%;
+    margin-top: 5%;
   }
 
   .header {
@@ -80,25 +83,31 @@
     cursor: pointer;
     margin: auto;
   }
+
   .who-is {
-    height: 264px;
-    margin-top: -114px;
+    height: 240px;
+    margin-top: -70px;
     position: relative;
     z-index: 21;
+    width: 64%;
     overflow: hidden;
-    margin-left:18%;
+    margin-left: 19%;
   }
+
   .people-list {
     display: block;
   }
-  .who-is ul{
-    list-style:none;
+
+  .who-is ul {
+    list-style: none;
   }
+
     .who-is ul li span {
       padding-top: 20px;
       font-size: 24px;
       color: #fff;
     }
+
     .who-is ul li {
       float: left;
       width: 300px;
@@ -109,9 +118,27 @@
       opacity: 1\9;*/
       background-color: #289EFB;
     }
+
+  .show:hover {
+    transition: all 0.6s;
+    margin-top: -2%;
+    cursor:pointer;
+  }
+
       .who-is ul li img {
         border: 0;
         vertical-align: middle;
         margin-top: 30%;
       }
+  .center-info{
+    width:100%;
+  }
+  .center-info h1{
+    font-size:40px;
+    text-align:center;
+  }
+    .center-info span {
+      color: #289EFB;
+      font-size:60px;
+    }
 </style>