@javaguns/flow-ui
Version:
``` <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
41 lines (40 loc) • 920 B
CSS
/* 删除遮罩 */
.guns-flow-node-del-layer {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
border-radius: 4px;
}
.guns-flow-node-del-layer button {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
box-shadow: var(--btn-shadow);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: manipulation;
margin-right: 10px;
height: 40px;
padding: 6px 15px;
font-size: 16px;
border-radius: 2px;
}
.guns-flow-node-del-layer .node-del-cancel {
color: #fff;
border-color: #fff;
background-color: initial;
}