0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: 优化场景联动自适应样式

This commit is contained in:
xieyonghong 2023-03-17 09:37:37 +08:00
parent a277fe1cb6
commit e9e7431dd8
4 changed files with 76 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/rule-engine/Scene/Save/components/Terms/Branchs.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div :class='["actions-terms-warp", props.class]'> <div :class='["actions-terms-warp", isFirst ? "first-children" : ""]'>
<div class='actions-terms-title'> <div class='actions-terms-title'>
{{ isFirst ? '当' : '否则' }} {{ isFirst ? '当' : '否则' }}
</div> </div>

7
src/views/rule-engine/Scene/Save/components/Terms/Terms.vue
View File

@ -32,13 +32,6 @@
</div> </div>
</template> </template>
</template> </template>
<!-- <j-form-item-->
<!-- v-else-->
<!-- :name='["branches", 0, "then"]'-->
<!-- :rules='rules'-->
<!-- >-->
<!-- -->
<!-- </j-form-item>-->
</div> </div>
</template> </template>

25
src/views/rule-engine/Scene/Save/components/Terms/index.less
View File

@ -49,16 +49,8 @@
.actions-terms { .actions-terms {
.actions-terms-warp { .actions-terms-warp {
display: flex; display: flex;
//width: 66.66%;
margin-bottom: 24px; margin-bottom: 24px;
&.first-children {
width: 100%;
.actions-branches {
width: 66.66%;
}
}
&.first-children, &.first-children,
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
@ -212,4 +204,21 @@
} }
} }
@minWidth: 75%;
@media (min-width: 1600px) {
.actions-terms {
.actions-terms-warp {
width: @minWidth;
&.first-children {
width: 100%;
.actions-branches {
width: calc(@minWidth - 12px);
}
}
}
}
}