1

src/view/education.vue

@@ -525,25 +525,25 @@ onBeforeMount(async () => {
 
 .left_1 {
   // background-image: url(@/assets/eduImg/title1.png);
-  background-image: url(@/assets/eduImg/title5.png);
+  background-image: url(@/assets/images/education/new_xsqk.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .left_2 {
-  background-image: url(@/assets/eduImg/title2.png);
+  background-image: url(@/assets/images/education/new_cpfx.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .center_1 {
-  background-image: url(@/assets/eduImg/title3.png);
+  background-image: url(@/assets/images/education/new_xxgk.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .right_1 {
-  background-image: url(@/assets/eduImg/title4.png);
+  background-image: url(@/assets/images/education/new_csr.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }

src/view/hygiene.vue

@@ -102,7 +102,6 @@
       </div>
       <div class="flex1" style="margin-top: 20px">
         <div class="yd_title familyPlanning"></div>
-        <!-- 计划生育 -->
         <!-- <div style="width: 100%; "> -->
         <eP5 :list="data.jsbgl"></eP5>
         <!-- </div> -->
@@ -287,24 +286,24 @@ const getData = async () => {
 
 .familyPlanning {
   width: 96%;
-  background-image: url(@/assets/images/hygiene/center_title_2.png);
+  background-image: url(@/assets/images/hygiene/new_zcs.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .mechanism {
-  background-image: url(@/assets/images/hygiene/xtgl.png);
+  background-image: url(@/assets/images/hygiene/new_fygl.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .service {
-  background-image: url(@/assets/images/hygiene/right_title_2.png);
+  background-image: url(@/assets/images/hygiene/new_tjrs.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .last {
-  background-image: url(@/assets/images/hygiene/right_title_3.png);
+  background-image: url(@/assets/images/hygiene/new_jkhd.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -371,7 +370,7 @@ const getData = async () => {
 }
 
 .left_1 {
-  background-image: url(@/assets/images/hygiene/left_title_1.png);
+  background-image: url(@/assets/images/hygiene/new_ylbx.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -383,20 +382,20 @@ const getData = async () => {
 }
 
 .left_3 {
-  background-image: url(@/assets/images/hygiene/right_title_1.png);
+  background-image: url(@/assets/images/hygiene/new_lmb.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .center_1 {
   width: 96%;
-  background-image: url(@/assets/images/hygiene/center_title_1.png);
+  background-image: url(@/assets/images/hygiene/new_jkda.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .center_2 {
   width: 96%;
-  background-image: url(@/assets/images/hygiene/new_center.png);
+  background-image: url(@/assets/images/hygiene/new_mz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }

src/view/sy.vue

@@ -134,7 +134,7 @@
                 >学校师生比
               </div>
               <div class="right">
-                {{ jysyList[0].teacher }}:{{ jysyList[0].student }}
+                <span class="span1">{{ jysyList[0].teacher }}</span>:{{ jysyList[0].student }}
               </div>
             </div>
             <div class="left_2_bottom_item_xia">
@@ -875,23 +875,23 @@ onBeforeMount(async () => {
 }
 
 .mechanism {
-  background-image: url(@/assets/images/sy/right_1.png);
+  background-image: url(@/assets/images/sy/new_ylws.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .service {
-  background-image: url(@/assets/images/sy/right_2.png);
+  background-image: url(@/assets/images/sy/new_whsy.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .last {
-  background-image: url(@/assets/images/sy/right_3.png);
+  background-image: url(@/assets/images/sy/new_tysy.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .last_1 {
-  background-image: url(@/assets/images/sy/right_4.png);
+  background-image: url(@/assets/images/sy/new_jtsy.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -958,19 +958,19 @@ onBeforeMount(async () => {
 }
 
 .left_1 {
-  background-image: url(@/assets/images/sy/left_1.png);
+  background-image: url(@/assets/images/sy/new_msfz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .left_2 {
-  background-image: url(@/assets/images/sy/left_2.png);
+  background-image: url(@/assets/images/sy/new_jysy.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .left_3 {
-  background-image: url(@/assets/images/sy/left_3.png);
+  background-image: url(@/assets/images/sy/new_jyfw.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -1147,8 +1147,8 @@ onBeforeMount(async () => {
 }
 .left_1_1 {
   width: 551px;
-  height: 25px;
+  height: 30px;
-  background-image: url(@/assets/images/sy/left_1_1.png);
+  background-image: url(@/assets/images/sy/new_jzfw.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -1280,6 +1280,7 @@ onBeforeMount(async () => {
   &_item {
     box-sizing: border-box;
     padding: 20px;
+    padding-bottom: 10px;
     width: 267px;
     height: 74px;
     background: rgba(255, 255, 255, 0.1);
@@ -1316,26 +1317,31 @@ onBeforeMount(async () => {
     &_xia {
       margin-top: 10px;
       width: 100%;
-      height: 1px;
+      height: 8px;
-      border: 1px solid rgba(255, 255, 255, 0.77);
+      // border: 1px solid rgba(255, 255, 255, 0.77);
+      background-color: #27628d;
       position: relative;
+       border-radius: 8px;
       .csbl {
         position: absolute;
-        top: -2px;
         left: 0;
         width: calc(var(--teacher) / var(--total) * 100%);
-        border-radius: 3px;
+        height: 8px;
-        border: 3px solid #00f5ff;
+        background-color: #00f5ff;
+         border-radius: 8px;
       }
       .ncbl {
-        position: absolute;
+         position: absolute;
-        top: -2px;
         left: 0;
         width: calc(var(--teacher) / var(--total) * 100%);
-        border-radius: 3px;
+        height: 8px;
-        border: 3px solid #ffd863;
+        background-color: #ffd863;
+         border-radius: 8px;
       }
     }
+    &_xia:nth-child(2){
+      background-color: #475e73;
+    }
   }
   margin-bottom: 22px;
 }

src/view/work.vue

@@ -370,12 +370,12 @@ onBeforeMount(() => {
 }
 
 .left_1 {
-  background-image: url(@/assets/images/work/left_1.png);
+  background-image: url(@/assets/images/work/new_zxjz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .left_1_1 {
-  background-image: url(@/assets/images/work/left_1_1.png);
+  background-image: url(@/assets/images/work/new_qtjz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -387,25 +387,25 @@ onBeforeMount(() => {
 }
 
 .center_0 {
-  background-image: url(@/assets/images/work/center1.png);
+  background-image: url(@/assets/images/work/new_jzgk.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .center_1 {
-  background-image: url(@/assets/images/work/center.png);
+  background-image: url(@/assets/images/work/new_shljz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 
 .right_1 {
-  background-image: url(@/assets/images/work/right_1.png);
+  background-image: url(@/assets/images/work/new_rsqt.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .right_2 {
-  background-image: url(@/assets/images/work/right_2.png);
+  background-image: url(@/assets/images/work/new_dyh.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }

src/view/yl.vue

@@ -385,19 +385,19 @@ const getData = async () => {
 }
 
 .familyPlanning {
-  background-image: url(@/assets/YLTitle/titleImg9.png);
+  background-image: url(@/assets/images/yl/new_jhsy.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .mechanism {
-  background-image: url(@/assets/YLTitle/titleImg10.png);
+  background-image: url(@/assets/images/yl/new_yljg.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .service {
-  background-image: url(@/assets/YLTitle/titleImg11.png);
+  background-image: url(@/assets/images/yl/new_zlfw.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
@@ -468,25 +468,25 @@ const getData = async () => {
 }
 
 .left_1 {
-  background-image: url(@/assets/images/ylbx.png);
+  background-image: url(@/assets/images/yl/new_ylbx.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .left_2 {
-  background-image: url(@/assets/images/gllrbt.png);
+  background-image: url(@/assets/images/yl/new_gllrbt.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .left_3 {
-  background-image: url(@/assets/images/tkjz.png);
+  background-image: url(@/assets/images/yl/new_tklrjz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 
 .center_1 {
-  background-image: url(@/assets/YLTitle/titleImg8.png);
+  background-image: url(@/assets/images/yl/new_lnrzb.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }