admin/lowflow-design
1
0
Fork 0
mirror of https://gitee.com/cai_xiao_feng/lowflow-design.git synced 2025-12-07 00:28:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

统一背景色

Browse Source
This commit is contained in:
caixiaofeng 2024-05-21 19:57:55 +08:00
parent be7f45ff0a
commit d11704b723
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/flowDesign/index.vue
View File

@ -19,10 +19,12 @@ const props = withDefaults(
fields: Field[]
readOnly?: boolean
defaultZoom?: number
bgColor?: string
}>(),
{
readOnly: false,
defaultZoom: 100
defaultZoom: 100,
bgColor: 'var(--el-bg-color-page)'
}
)
@ -307,13 +309,14 @@ defineExpose({
<style scoped lang="scss">
.designer-container {
--flow-bg-color: v-bind(bgColor);
position: relative;
display: flex;
flex-direction: row;
min-height: 100%;
min-width: 100%;
overflow: auto;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
.zoom {
position: fixed;

10
src/views/flowDesign/nodes/GatewayNode.vue
View File

@ -86,7 +86,7 @@ const moveLeft = (index: number) => {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
&:before {
content: '';
@ -107,7 +107,7 @@ const moveLeft = (index: number) => {
top: -3px;
height: 3px;
width: 50%;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
}
.bottom-left-border {
@ -116,7 +116,7 @@ const moveLeft = (index: number) => {
bottom: -3px;
height: 3px;
width: 50%;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
}
.top-right-border {
@ -125,7 +125,7 @@ const moveLeft = (index: number) => {
top: -3px;
height: 3px;
width: 50%;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
}
.bottom-right-border {
@ -134,7 +134,7 @@ const moveLeft = (index: number) => {
bottom: -3px;
height: 3px;
width: 50%;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
}
}
}

2
src/views/flowDesign/nodes/Node.vue
View File

@ -150,7 +150,7 @@ const delNode = () => {
width: 0;
border-width: 8px 6px 4px;
border-color: var(--el-border-color) transparent transparent;
background-color: var(--el-bg-color-page);
background-color: var(--flow-bg-color);
}
.warn-icon {