update code

src/App.vue

@@ -144,10 +144,30 @@ html.dark {
           }
         }
       }
+      &.model-proc{
+        .el-card__body{
+          background-image: url(images/procbg.png) !important;
+          background-size: 100% 100% !important;
+        }
+      }
       .el-card__body{
         background: transparent;
+        
+        background-size: 100% 100%;
         color:#aaa;
         box-shadow: none;
+        .model-flow .card-item .div-img{
+          background: transparent;
+        }
+        .model-flow .card-item.is-active .div-img{
+          background: #3399ff;
+        }
+        .model-flow2 .card-item .div-img{
+          background: transparent;
+        }
+        .model-flow2 .card-item.is-active .div-img{
+          background: #3399ff;
+        }
         .el-badge__content--danger{
           background: #6F89A6;
           width: 24px;

src/styles/variables.scss

@@ -16,8 +16,11 @@ html.dark {
   --menu-active-text: var(--el-menu-active-color);
   --menu-hover: rgb(0 0 0 / 20%);
   --sidebar-logo-background: rgb(0 0 0 / 20%);
+  .el-card{
+    border:none;
+  }
   .el-main{
-    background-color: #000;
+    background-color: #191E32;
   }
   .lf-graph{
     background: transparent;

src/views/dashboard/index.vue

@@ -116,7 +116,7 @@
           </el-scrollbar>
         </el-card>
 
-        <el-card shadow="never" class="proc-card">
+        <el-card shadow="never" class="proc-card model-proc">
           <template #header>
             <div class="row2-top">
               <div style="color:#333;font-weight: bold;font-size:15px;">模型仿真评估流程</div>

src/views/dashboard/index2.vue

@@ -80,7 +80,7 @@
           </el-scrollbar>
         </el-card>
 
-        <el-card shadow="never" class="proc-card">
+        <el-card shadow="never" class="proc-card model-proc">
           <template #header>
             <div class="row2-top">
               <div style="color:#333;font-weight: bold;font-size:15px;">超异构任务部署流程</div>