调整列表页样式

src/views/IM/diagnosis-admin/down-list.vue

@@ -96,35 +96,38 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.status_base {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  .status-circle {
-    content: '';
-    display: block;
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-    margin-right: 5px;
-  }
-  .status-1 {
-    background-color: rgb(219, 223, 12);;
+.down-list {
+  margin: 15px;
+  .status_base {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .status-circle {
+      content: '';
+      display: block;
+      width: 8px;
+      height: 8px;
+      border-radius: 4px;
+      margin-right: 5px;
+    }
+    .status-1 {
+      background-color: rgb(219, 223, 12);;
+    }
+    .status-2 {
+      background-color: rgb(87, 238, 82);;
+    }
+    .status-3 {
+      background-color: rgb(238, 68, 16);;
+    }
   }
-  .status-2 {
-    background-color: rgb(87, 238, 82);;
+  .download-btn {
+    color: rgb(7, 180, 59);
+    cursor: pointer;
   }
-  .status-3 {
-    background-color: rgb(238, 68, 16);;
+  .download-btn:hover {
+    color: rgb(98, 233, 86);
   }
 }
-.download-btn {
-  color: rgb(7, 180, 59);
-  cursor: pointer;
-}
-.download-btn:hover {
-  color: rgb(98, 233, 86);
-}
 </style>
\ No newline at end of file