赋码demo

fuliqi

2024-12-26 5b5a3ec32e479b6c43822fd0192cde6e2f3b31e5

 src/components/Process/style/flow-viewer.scss

@@ -131,6 +131,28 @@
    fill: rgba(252, 211, 127, 0.2) !important;
  }

  // 流程线
  .highlight-overtime.djs-shape .djs-visual > :nth-child(1) {
    fill: #ff5353 !important;
    stroke: #ff5353 !important;
    fill-opacity: 0.2 !important;
  }

  .highlight-overtime.djs-shape .djs-visual > :nth-child(2) {
    fill: #ff5353 !important;
  }

  .highlight-overtime.djs-shape .djs-visual > path {
    fill: #ff5353 !important;
    fill-opacity: 0.2 !important;
    stroke: #ff5353 !important;
  }

  .highlight-overtime.djs-connection > .djs-visual > path {
    stroke: #ff5353 !important;
  }


  @keyframes draw {
    100% {
      stroke-dashoffset: 0;
@@ -179,5 +201,14 @@
      color: #666666;
      margin-right: 5px;
    }

    .overtime {
      padding: 4px;
      background: #ffd1d1;
      border: 1px solid rgba(255, 0, 0, 0.1);
      border-radius: 3px;
      color: #ff5353;
      margin-right: 5px;
    }
  }
}