优化

gassafetyprogress-web/src/components/bigWindow/leftBar.vue

@@ -53,12 +53,10 @@
         <div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
       </div>
     </div>
-    <div id="myCharttwo" :style="{width: '450px', height: '240px'}"></div>
-    <div class="titleTex titleTex1">
-      ● 已完成数量:{{allNum.typeOne}}
-    </div>
-    <div class="titleTex titleTex2">
-      ● 未成数量:{{allNum.typeTwo}}
+    <div id="myCharttwo" :style="{width: '450px', height: '250px'}"></div>
+    <div class="titleTex">
+     <span :style="{color: '#00ffff'}"> ● 已完成:{{allNum.typeOne}}</span>
+     <span :style="{color: '#0099ff'}"> ● 未完成:{{allNum.typeTwo}}</span>
     </div>
     <!-- <div class="echarts-two" style="margin-top: 30px;width: 430px;margin-left: 10px;"> -->
       
@@ -500,9 +498,13 @@
     color: #1e516f;
 }
 .titleTex{
-  height: 20px;margin-top: 0px;font-size: 15px;color: #00ffff;width: 100%;text-align: center;
-}
-.titleTex2{
-  color: #0099ff;
+  width: 100%;
+  height: 20px;
+  margin-top: 0px;
+  font-size: 15px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  padding: 0px 30px;
 }
 </style>