@javaguns/flow-ui/es/src/flow-node/flow-simple-node/style/circle.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

.guns-flow-node-circle {
  position: relative;
  display: flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #f8f8fa;
  background-blend-mode: normal, normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.guns-flow-node-start {
  background-image: linear-gradient(to left, #ff6a00, #f78b3e), linear-gradient(#ff6a00, #ff6a00);
  background-image: linear-gradient(to left, #ff6a00 0, #f78b3e 100%), linear-gradient(#ff6a00, #ff6a00);
  background-image: linear-gradient(90deg, #ff6a00, #f78b3e), linear-gradient(#ff6a00, #ff6a00);
  box-shadow: 0 2px 10px 0 rgba(255, 107, 2, 0.5);
}
.guns-flow-node-end {
  background-image: linear-gradient(120deg, #bbbbc4, #d5d5de), linear-gradient(#bcbcc5, #bcbcc5);
  background-image: linear-gradient(120deg, #bbbbc4 0, #d5d5de 100%), linear-gradient(#bcbcc5, #bcbcc5);
  background-image: linear-gradient(-30deg, #bbbbc4, #d5d5de), linear-gradient(#bcbcc5, #bcbcc5);
  box-shadow: 0 2px 10px 0 rgba(145, 145, 153, 0.5);
}