fix

src/components/efficient/index.vue

@@ -35,11 +35,19 @@ export default {
         width: 466px;
         top: 50px;
         left: 285px;
+        &:hover{
+          margin-top: -10px;
+          margin-left: -10px;
+        }
       }
       .img2{
         width: 636px;
         top: 142px;
         left: 350px;
+        &:hover{
+          margin-top: 10px;
+          margin-left: 10px;
+        }
       }
       .img3{
         width: 93px;
@@ -50,6 +58,7 @@ export default {
         padding: 30px;
         >img{
           position: absolute;
+          transition: all .3s ease-in-out;
         }
       }
     }

src/components/lifecycle/index.vue

@@ -4,11 +4,9 @@
       <img src="../../assets/images/arrow.png"/>
       <div class="items">
         <img
-          class="animate__animated"
-          :class="{animate__fadeInDown: inited ? item[2] : true}"
+          class="animate__animated animate__fadeInDown"
           :src="require(`./images/${index + 1}.png`)"
           v-for="(item, index) in items" :key="index"
-          @mouseenter="mouseenter(index)"
           :style="{top: item[0] + 'px', left: item[1] + 'px', 'animation-delay': (!inited ? (index * 0.3) + 's' : '0s')}"
         />
       </div>
@@ -78,6 +76,10 @@ export default {
         >img{
           width: 120px;
           position: absolute;
+          transition: all .3s ease-in-out;
+          &:hover{
+            margin-top: -10px;
+          }
         }
       }
     }

src/components/safe/index.vue

@@ -64,6 +64,10 @@ export default {
       >img{
         display: block;
         position: absolute;
+        transition: all .3s ease-in-out;
+        &:hover{
+          margin-top: -10px;
+        }
       }
     }
   }

src/components/video/index.vue

@@ -21,7 +21,10 @@ export default {
     }
   },
   mounted () {
-    let plyr = new Plyr(this.$refs.plyr)
+    let plyr = new Plyr(this.$refs.plyr, {
+      autoplay: true,
+      muted: true,
+    })
     console.log(plyr)
   },
   watch: {
@@ -34,4 +37,4 @@ export default {
 </script>
 
 <style lang="less" scoped>
-</style>
+</style>

src/components/zero/index.vue

@@ -69,7 +69,7 @@
     <div data-depth="4.3">
       <p
         class="animate__animated animate__zoomIn"
-        style="margin-top: 270px;margin-left: 350px;"
+        style="margin-top: 270px;margin-left: 450px;"
       >合作单位管理</p>
     </div>
     <div data-depth="1.5">