echarts

src/components/Progress.vue

@@ -55,7 +55,7 @@
     </div>
     <div class="echarts_wrap">
       <div class="single_wrap">
-        <p class="title">设备温度/湿度/过氧化氢浓度</p>
+        <p class="title">设备</p>
         <div
           class="echarts_box"
           id="bin"
@@ -63,7 +63,7 @@
         ></div>
       </div>
       <div class="single_wrap">
-        <p class="title">环境1/湿度/过氧化氢浓度</p>
+        <p class="title">环境1</p>
         <div
           class="echarts_box"
           id="envir1"
@@ -71,7 +71,7 @@
         ></div>
       </div>
       <div class="single_wrap">
-        <p class="title">环境2/湿度/过氧化氢浓度</p>
+        <p class="title">环境2</p>
         <div
           class="echarts_box"
           id="envir2"
@@ -683,13 +683,23 @@ const continueDisinfect = () => {
       flex: 1;
       height: 351px;
       .title {
+        padding: 5px 13px;
+        margin-bottom: 24px;
         font-family: Source Han Sans CN;
         font-size: 14px;
         font-weight: 500;
+        line-height: normal;
         letter-spacing: 0.1em;
-        color: #000000;
-        margin-bottom: 24px;
-        padding-left: 11px;
+        color: #ffffff;
+        height: 27px;
+        border-radius: 14px;
+        opacity: 1;
+        background: #06518b;
+        width: 70px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
       .echarts_box {
         width: 380px;