首页样式

src/views/home/index.vue

@@ -115,17 +115,17 @@
             <ul class="table ul-body">
               <li class="one">设备停机率</li>
               <li class="two orange">0.05%</li>
-              <li class="three green">0</li>
+              <li class="three green">0.06%</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障回复时间</li>
               <li class="two orange">20</li>
-              <li class="three green">0</li>
+              <li class="three red">10</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障间隔时间</li>
-              <li class="two orange">20</li>
+              <li class="two orange">120</li>
-              <li class="three green">0</li>
+              <li class="three red">16</li>
             </ul>
           </div>
         </div>
@@ -141,18 +141,18 @@
             </ul>
             <ul class="table ul-body">
               <li class="one">设备停机率</li>
-              <li class="two orange">0.05%</li>
+              <li class="two orange">89%</li>
-              <li class="three green">0</li>
+              <li class="three red">76%</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障回复时间</li>
-              <li class="two orange">20</li>
+              <li class="two orange">88</li>
-              <li class="three green">0</li>
+              <li class="three red">12</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障间隔时间</li>
-              <li class="two orange">20</li>
+              <li class="two orange">62</li>
-              <li class="three green">0</li>
+              <li class="three green">90</li>
             </ul>
           </div>
         </div>
@@ -168,18 +168,18 @@
             </ul>
             <ul class="table ul-body">
               <li class="one">设备停机率</li>
-              <li class="two orange">0.05%</li>
+              <li class="two orange">19%</li>
-              <li class="three green">0</li>
+              <li class="three red">16%</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障回复时间</li>
-              <li class="two orange">20</li>
+              <li class="two orange">200</li>
-              <li class="three green">0</li>
+              <li class="three green">160</li>
             </ul>
             <ul class="table ul-body">
               <li class="one">平均故障间隔时间</li>
-              <li class="two orange">20</li>
+              <li class="two orange">140</li>
-              <li class="three green">0</li>
+              <li class="three green">155</li>
             </ul>
           </div>
         </div>
@@ -426,5 +426,10 @@ onMounted(async () => {
     font-size: 18px;
     font-weight: bold;
   }
+  .red{
+    color: #ff0000;
+    font-size: 18px;
+    font-weight: bold;
+  }
 }
 </style>