首页

src/views/dashboard/Analysis.vue

@@ -14,7 +14,9 @@
             <div class="text">{{ operaTitle[item.incompleteTitle] }} / {{operaTitle[item.completedTitle]}}</div>
           </div>
           <div class="legend f1 u-flex-jac">
-            <i :class="item.legend"></i>
+            <i :class="item.legend">
+              <!-- <div :class="item.legend2"></div> -->
+            </i>
           </div>
         </div>
       </router-link>
@@ -592,7 +594,8 @@ export default {
           i{
             font-size: 2vw;
             // color: #fff;
-            padding: 12px;
+            // border: 3px solid #148cb1;
+            // padding: 5px;
             border-radius: 100%;
             width: 60px;
             height: 60px;
@@ -618,6 +621,37 @@ export default {
             background-image: linear-gradient(150deg, #eb7f7f77, #ff494979);
           }
         }
+        .legend2{
+          // width: 50%;
+          div{
+            // font-size: 2vw;
+            // color: #fff;
+            padding: 10%;
+            // border: 3px solid #148cb1;
+            border-radius: 100%;
+            width: 60px;
+            height: 60px;
+          }
+          .repair{
+            background: url('../../../src/assets/images/shezhi.png') no-repeat center center;
+            background-size: 80%;
+          }
+          .upkeep{
+            background: url('../../../src/assets/images/renwu.png') no-repeat center center;
+            background-size: 80%;
+            // background-size: cover;
+          }
+          .spotcheck{
+            background: url('../../../src/assets/images/shouzhi.png') no-repeat center center;
+            background-size: 80%;
+            // background-size: cover;
+          }
+          .inspect{
+            background: url('../../../src/assets/images/xunjian.png') no-repeat center center;
+            background-size: 80%;
+            // background-size: cover;
+          }
+        }
       }
     }
     .item:last-of-type{