gx

src/view/yl.vue

@@ -48,7 +48,10 @@
           :year="data.leftTopYear"
         ></ePie2>
       </div>
-      <div class="flex1" style="margin-top: 10px">
+      <div
+        class="flex1"
+        style="margin-top: 10px"
+      >
         <div class="yd_title left_2">
           <div class="animate-border">
             <i></i>
@@ -94,7 +97,10 @@
           :year="data.leftCenterYear"
         />
       </div>
-      <div class="flex1" style="margin-top: 10px">
+      <div
+        class="flex1"
+        style="margin-top: 10px"
+      >
         <div class="yd_title left_3">
           <div class="animate-border">
             <i></i>
@@ -186,8 +192,19 @@
             <div>
               <span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
             </div>
-            <img src="@/assets/YLimg/ylimg11.png" alt="" />
+            <img
-            <img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
+              src="@/assets/YLimg/ylimg11.png"
+              alt=""
+            />
+            <img
+              class="historyimg"
+              src="@/assets/YLimg/ylimg5.png"
+              alt=""
+            />
+            <img
+              src="@/assets/YLimg/yljg.gif"
+              class="historyMoveImg"
+            />
           </div>
           <!-- <div class="history1">
             <div>
@@ -200,8 +217,19 @@
             <div>
               <span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
             </div>
-            <img src="@/assets/YLimg/ylimg12.png" alt="" />
+            <img
-            <img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
+              src="@/assets/YLimg/ylimg12.png"
+              alt=""
+            />
+            <img
+              class="historyimg"
+              src="@/assets/YLimg/ylimg10.png"
+              alt=""
+            />
+            <img
+              src="@/assets/YLimg/yljg.gif"
+              class="historyMoveImg"
+            />
           </div>
         </div>
       </div>
@@ -215,13 +243,25 @@
         <div class="serviceBox">
           <div class="serviceTop">
             <div class="visit">
-              <img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
+              <img
+                class="serviceimg"
+                src="@/assets/YLimg/ylimg8.png"
+                alt=""
+              />
               <ylSMFW></ylSMFW>
             </div>
             <div class="medicalService">
-              <img class="serviceimg" src="@/assets/YLimg/ylimg9.png" alt="" />
+              <img
+                class="serviceimg"
+                src="@/assets/YLimg/ylimg9.png"
+                alt=""
+              />
               <div class="medicalServiceTop">
-                <img class="ylimg" src="@/assets/YLimg/ylimg1.png" alt="" />
+                <img
+                  class="ylimg"
+                  src="@/assets/YLimg/ylimg1.png"
+                  alt=""
+                />
                 <span>36,234</span>
               </div>
             </div>
@@ -878,6 +918,7 @@ const getData = async () => {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
     span {
       font-family: PangMenZhengDao;
       font-size: 26px;
@@ -901,6 +942,13 @@ const getData = async () => {
       width: 182px;
       height: 35px;
     }
+    .historyMoveImg {
+      position: absolute;
+      left: 10px;
+      top: 37px;
+      width: 160px;
+      height: 120px;
+    }
   }
 
   img {
@@ -1043,7 +1091,7 @@ const getData = async () => {
   margin-top: 10px;
   position: relative;
 
-  .moveImg{
+  .moveImg {
     position: absolute;
     background-image: url(@/assets/ylMove.gif);
     background-repeat: no-repeat;