@jecloud/plugin/es/workflow/workflow-operation/style/process-one.less

JECloud 插件库

.TASK_NODE{
  .task-node{
    margin-bottom: 10px;
    height:40px;
    line-height: 40px;
    background-color: #F9F9F9;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    border-radius: 2px;
    overflow: hidden;
    .icon{
      position: absolute;
      right:0;
      bottom:0;
      font-size: 12px;
      z-index: 1;
      color: #fff;
    }
    &.is--active{
      background-color: @primary-2;
    }
  }
  .task-node.is--active::before{
    content: "";
    bottom: -12px;
    right: -12px;
    position: absolute;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent @primary-color transparent;
    transform: rotate(135deg);
  }
}

.je-workflow-operation-process-one{
  border:1px solid @border-color-base;
  padding: 25px;
  .TASK_NODE();
}