12.30 第四版

src/pages/ElecEvaluation/Monitor/style.less

@@ -252,8 +252,15 @@
                     background-repeat: no-repeat;
                     background-size: 100% 100%;
                     height: 120px;
-                    margin-top: 20px;
+                    margin-top: 14px;
                     position: relative;
+                    cursor: pointer;
+
+                    &:hover {
+                        -webkit-filter: brightness(108%);
+                        filter: brightness(108%);
+                    }
+
                     .flex-center;
 
                     &>img {
@@ -290,7 +297,7 @@
                     letter-spacing: 0px;
                     color: rgba(255, 255, 255, 0.87);
                     text-align: center;
-                    margin-top: 12px;
+                    margin-top: 4px;
                 }
             }
         }
@@ -470,6 +477,14 @@
                 background: rgba(255, 255, 255, 0.15);
             }
         }
+
+        .monitor-extra-pointer {
+            cursor: pointer;
+
+            &:hover {
+                text-decoration: underline;
+            }
+        }
     }
 }
 
@@ -590,6 +605,7 @@
         justify-content: space-around;
         margin-top: 10px;
 
+
         .progress-bottom-title {
             text-align: center;
 
@@ -620,6 +636,10 @@
                 color: #29F1FA;
             }
         }
+
+        .line-progress-pointer {
+            cursor: pointer;
+        }
     }
 }
 
@@ -1030,4 +1050,56 @@
     &:active {
         background-color: #12304ecc;
     }
+}
+
+.monitor-modal-list {
+    .ant-modal-body {
+        background: #12304ecc;
+
+        &::-webkit-scrollbar {
+            display: none;
+        }
+    }
+
+    .ant-modal-content {
+        background: #12304ecc;
+    }
+
+    .ant-modal-close-x {
+        color: #1B7EF2;
+    }
+
+    .monitor-modal-btn {
+        display: flex;
+        justify-content: center;
+        margin-top: 16px;
+    }
+
+    .modal-list-btn {
+        padding: 4px 15px;
+        background-color: #12304e;
+        border-radius: 20px;
+        cursor: pointer;
+        border: 1px solid #1b7ef2;
+        width: 64px;
+
+        &:hover {
+            background-color: #ffffffcc;
+        }
+
+        &>span {
+            color: #1b7ef2;
+            line-height: 16px;
+        }
+    }
+
+    .monitor-modal-empty {
+        .ant-empty-image {
+            color: #fff;
+        }
+
+        .ant-empty-description {
+            color: #fff;
+        }
+    }
 }