=0726

qingtian_vue/src/views/Ecology.vue

@@ -3,9 +3,9 @@
     <div class="shadow">
       <Breadcrumb :breadData="breadData"></Breadcrumb>
     </div>
-    <el-row :gutter="20" class="mt20">
+    <el-row :gutter="20" class="mt20" >
       <el-col :sm="12" :xs="24">
-        <div class="clear-water unify-item shadow">
+        <div class="clear-water unify-item shadow"  ref="left_one">
           <h3 class="module-tit">深化碧水行动</h3>
           <ul>
             <li v-for="(item, index) in clear_water_info" :key="index">
@@ -34,7 +34,7 @@
         </div>
       </el-col>
       <el-col :sm="12" :xs="24">
-        <div class="air-quality unify-item  shadow">
+        <div class="air-quality unify-item  shadow"  ref="right_one">
           <h3 class="module-tit">空气质量巩固提升行动</h3>
           <div class="aq-map">
             <img src="../assets/images/sy-map.jpg" alt=""/>
@@ -357,6 +357,9 @@
             window.addEventListener("resize", function (e) {
                 window.parent.postMessage(document.body.scrollHeight, '*');
             });
+            // let t=this.$refs.right_one.clientHeight;
+            //
+            // this.$refs.left_one.style.height=t+"px";
         },
         methods: {
             listenMessage() {

qingtian_vue/src/views/Epidemic.vue

@@ -138,6 +138,7 @@
                     type="circle"
                     :percentage="88.1"
                     :stroke-width="12"
+                    :style="'margin:0 auto'"
                     :color="'#7FD6AD'"
                   >
                   </el-progress>
@@ -1299,10 +1300,17 @@
       > > > .el-progress-circle {
         width: 100px !important;
         height: 100px !important;
+        margin:0 auto !important;
       }
     }
   }
 
+  .el-progress-circle {
+    width: 100px !important;
+    height: 100px !important;
+    margin:0 auto !important;
+  }
+
   .vaccine-traceability {
     h4 {
       font-weight: normal;