@javaguns/flow-ui/es/src/flow-designer/style/content.css

``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j

.flow-drawer-content {
  box-sizing: border-box;
  font-size: 14px;
  color: #575757;
}
.flow-drawer-content .flow-drawer-item {
  margin-bottom: 20px;
  font-size: 14px;
  color: #575757;
}
.flow-drawer-content .flow-drawer-item .flow-drawer-item-title {
  margin-bottom: 10px;
  font-weight: 700;
}
.flow-drawer-content .flow-drawer-item .flow-drawer-item-title .flow-drawer-item-text {
  color: #8f959e;
  font-weight: 400;
}
.flow-drawer-content .flow-drawer-item .flow-drawer-item-title .flow-drawer-item-desc {
  color: rgba(23, 26, 29, 0.4);
  font-size: 12px;
  padding-top: 6px;
}
.flow-drawer-content .flow-drawer-item .flow-drawer-item-footer {
  font-size: 12px;
  color: rgba(23, 26, 29, 0.4);
  padding-top: 8px;
}
.flow-drawer-content .flow-drawer-item .tpl-flex-box {
  display: flex;
  color: #575757;
  font-size: 14px;
  justify-content: space-between;
}
.flow-drawer-content .flow-drawer-item .hint-info {
  line-height: 22px;
  color: #646a73;
}
.flow-drawer-content .flow-drawer-item .hint-info p {
  position: relative;
  padding-left: 10px;
}
.flow-drawer-content .flow-drawer-item .hint-info p::before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 9px;
  left: 0;
  border-radius: 2px;
}
.flow-drawer-sub-title {
  border-left: 3px solid var(--primary-color);
  padding-left: 6px;
  font-weight: 700;
}