gx

src/components/header.vue

@@ -164,6 +164,7 @@ onMounted(() => {
       display: flex;
       position: absolute;
       align-items: center;
+      z-index: 2;
     }
 
     &-left {

src/view/sy.vue

@@ -177,6 +177,7 @@
           >
             <div>{{ data.employmentService.jypx }}</div>
             <div>就业培训</div>
+            <div class="moveImg"></div>
           </div>
           <div
             class="left_3_1_item"
@@ -184,6 +185,7 @@
           >
             <div>{{ data.employmentService.jyjxfw }}</div>
             <div>就业见习服务</div>
+            <div class="moveImg"></div>
           </div>
           <div
             class="left_3_1_item"
@@ -191,6 +193,7 @@
           >
             <div>{{ data.employmentService.jyyz }}</div>
             <div>就业援助</div>
+            <div class="moveImg"></div>
           </div>
         </div>
       </div>
@@ -198,6 +201,11 @@
     <div class="displayFlex center_bg">
       <div class="flex1">
         <div class="people_total">
+          <img
+            src="../assets/images/sy/主页人口.gif"
+            style="width:70%;height:112%; margin: -2% 15%;"
+            alt=""
+          >
           <div class="people_total_item left">
             <div class="number">{{ data.PopulationData.man }}</div>
             <img
@@ -2021,20 +2029,29 @@ onBeforeMount(async () => {
 //就业服务
 .left_3_1 {
   width: 94%;
-  margin-top: 15px;
+  margin-top: 40px;
   display: flex;
   justify-content: space-around;
 
   &_item {
     box-sizing: border-box;
     width: 160px;
-    height: 133px;
+    height: 112px;
     background-image: url(@/assets/images/sy/jyfw.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     text-align: center;
-    padding-top: 22px;
+    position: relative;
-    animation: example 3s infinite linear;
+    .moveImg {
+      position: absolute;
+      width: 160px;
+      height: 140px;
+      bottom: 18px;
+      background-image: url(@/assets/images/sy/jyfwM.png);
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      animation: example 3s infinite linear;
+    }
 
     @keyframes example {
       0% {
@@ -2559,7 +2576,7 @@ table {
         width: 146px;
         height: 104px;
         position: absolute;
-        left: -38px;
+        left: -40px;
         top: -31px;
       }
       span {
@@ -2609,7 +2626,7 @@ table {
         width: 146px;
         height: 104px;
         position: absolute;
-        left: -38px;
+        left: -40px;
         top: -31px;
       }
       span {

src/view/yl.vue

@@ -150,6 +150,7 @@
         </div>
         </div>
         <div class="minTopPart">
+          <div class="moveImg"></div>
           <div class="mtpImg1"></div>
           <div class="mtpImg2"></div>
           <div class="mtpImg3"></div>
@@ -1042,6 +1043,16 @@ const getData = async () => {
   margin-top: 10px;
   position: relative;
 
+  .moveImg{
+    position: absolute;
+    background-image: url(@/assets/ylMove.gif);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    left: 170px;
+    width: 190px;
+    height: 173px;
+  }
+
   .mtpImg1 {
     width: 140px;
     height: 24px;