@javaguns/flow-ui/lib/src/flow-node/flow-simple-node/style/square.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-square {
  cursor: pointer;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(75, 82, 94, 0.2);
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}
.guns-flow-node-square .guns-flow-node-square-card {
  cursor: pointer;
  width: 200px;
  min-height: 100px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding-bottom: 8px;
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-name {
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  height: 40px;
  justify-content: space-between;
  display: flexbox;
  display: flex;
  align-items: center;
  color: #fff;
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-name .node-name-title {
  font-weight: bold;
  display: block;
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-name .node-name-level {
  width: 45%;
  text-align: right;
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-main {
  align-items: center;
  height: calc(100% - 44px);
  border-top: none;
  box-sizing: border-box;
  display: flexbox;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
  font-size: 13px;
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-main pre {
  margin: 1em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.guns-flow-node-square .guns-flow-node-square-card .guns-flow-node-main .guns-flow-node-main-context {
  color: #ff6a00;
}