Initial commit

modeler/src/style.less

@@ -270,20 +270,68 @@
     border-radius: 0;
     min-height: calc(100vh - 90px);
     background: transparent;
+    background: url('@/assets/icons/bg-fk.png') center / 100% 100%;
+
+    .ant-tabs .ant-tabs-ink-bar {
+      position: absolute;
+      background: transparent;
+      pointer-events: none;
+    }
+
+
+    .ant-steps-horizontal{
+      &.ant-steps.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
+        width: 30%;
+        margin-left: 37%;
+        display: none;
+      }
+      .ant-steps-item-active{
+        .ant-steps-item-container{
+          &:after{
+            height: 1px;
+            content: '';
+            position: absolute;
+            bottom: 0;
+            background: #377ead;
+            display: block;
+            width: 100px;
+          }
+        }
+      }
+
+    }
+
 
     .ant-card-head {
       border: 0;
-      color: #11aed7;
+      color: #a2b1ba;
     }
 
     & > .ant-card-head {
-      height: 50px;
+      height: 40px;
       min-height: 40px;
-      font-size: 16px;
+      border-radius: 0;
+      padding: 5px 10px;
     }
 
     & > .ant-card-head {
       background: url('@/assets/icons/page-card-head.png') center / 100% 100%;
+      background: url('@/assets/icons/bg-fk-title.png') center / 100% 100%;
+      color: #eee;
+
+      .point {
+        background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
+        width: 25px;
+        height: 25px;
+        display: block;
+        margin-top: 5px;
+      }
+
+      .text {
+        margin-top: 5px;
+        display: block;
+        font-size: 16px;
+      }
     }
 
     & > .ant-card-body {
@@ -1510,4 +1558,10 @@
     border: 1px solid #0f4a7c;
     color: #eee;
   }
+}
+
+.ant-btn-default{
+  &.ant-btn-dangerous{
+    background: transparent;
+  }
 }