Merge branch 'master' of https://gitea.qinmian.online/dragon/dragon-web

src/views/fault/faultList.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <ul v-if="mm" class="card-list">
+    <ul  v-if="mm" class="card-list">
       <li v-for="item in list" :key="item.id" class="card-item">
         <div class="card">
           <div class="card-header">
-            <i class="el-icon-user"></i>
+            <i class="el-icon-loading" style="color: rgba(60,52,182,0.63)"></i>
             <span class="code">{{ item.code }}</span>
           </div>
           <div class="card-content">
@@ -76,14 +76,16 @@ export default {
 .card-item {
   flex: 0 0 25%; /* 每行显示4个卡片 */
   margin: 10px;
+
 }
 
 .card {
-  border: 1px solid #ccc;
+  border: 1px solid #e55e5e;
   border-radius: 5px;
   padding: 10px;
   margin-bottom: 10px;
   transition: background-color 0.3s; /* 添加过渡效果 */
+  background-color: #550c81;
 }
 
 .card-header {
@@ -101,21 +103,21 @@ export default {
 }
 
 .code {
-  color: #1ab394;
+  color: #9771e0;
 }
 
 .name {
-  color: #7a6df0;
+  color: #fd6c00;
 }
 
 .status {
-  color: #13ce66;
+  color: #00ff6d;
 }
 
 .list-item {
   /* 列表项样式 */
 }
 .card:hover {
-  background-color: #f0f0f0; /* 鼠标悬浮时的背景色 */
+  background-color: #0005c0; /* 鼠标悬浮时的背景色 */
 }
 </style>