From 3f3b72e4a001f94ecf8ca2e8212ed725e8f64675 Mon Sep 17 00:00:00 2001 From: haixin <1875934025@qq.com> Date: Tue, 22 Aug 2023 20:25:00 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../editor/src/styles/condition-select.scss | 247 +++++++++--------- 1 file changed, 123 insertions(+), 124 deletions(-) diff --git a/packages/editor/src/styles/condition-select.scss b/packages/editor/src/styles/condition-select.scss index 6c2683b..dab7888 100644 --- a/packages/editor/src/styles/condition-select.scss +++ b/packages/editor/src/styles/condition-select.scss @@ -28,130 +28,6 @@ } } - .conditionModule { - .my-pageMain { - .el-alert { - margin-bottom: 15px; - } - .tipContent { - color: rgb(85, 83, 83); - } - padding: 20px 50px !important; - .conditionContainer { - display: flex; - padding-left: 20px; - .stringlist { - flex: 1; - .kh, - .and, - .or { - display: block; - margin-left: 20px; - line-height: 20px; - } - .data { - color: #409eff; - } - .orgroup { - color: red; - } - .andgroup { - color: green; - } - .or { - color: rgb(91, 6, 248); - } - .and { - color: black; - } - } - } - .conditionSelect { - display: inline-block; - margin-top: 20px; - flex: 1; - position: relative; - .selectList { - margin: 0 0 0 20px; - } - } - .moreCondition { - position: relative; - // margin-top: 20px; - .line { - content: ""; - display: block; - height: calc(100% - 20px); - width: 1px; - // background-color: red; - border: 1px dashed red; - border-right: none; - position: absolute; - top: 20px; - left: 0; - &::after { - display: block; - content: ""; - width: 15px; - position: absolute; - top: -1px; - border-top: 1px dashed red; - left: 1px; - } - &::before { - display: block; - content: ""; - width: 15px; - height: 0px; - position: absolute; - bottom: -1px; - border-top: 1px dashed red; - left: 1px; - } - } - .andgroup { - border-color: green; - &::after { - border-color: green; - } - &::before { - border-color: green; - } - } - .orgroup { - border-color: red; - &::after { - border-color: red; - } - &::before { - border-color: red; - } - } - } - } - } - - .conditionSelect { - .control { - display: inline-block; - position: absolute; - left: -16px; - top: 10px; - font-size: 8px; - width: 14px; - height: 14px; - display: flex; - align-items: center; - justify-content: center; - border: 1px dashed #b4bccc; - box-sizing: border-box; - color: #b4bccc; - } - .el-button { - margin-left: 10px; - } - } - .maxJsonDialog { .my-pageMain { padding: 20px 50px !important; @@ -175,3 +51,126 @@ } } } +.conditionModule { + .my-pageMain { + .el-alert { + margin-bottom: 15px; + } + .tipContent { + color: rgb(85, 83, 83); + } + padding: 20px 50px !important; + .conditionContainer { + display: flex; + padding-left: 20px; + .stringlist { + flex: 1; + .kh, + .and, + .or { + display: block; + margin-left: 20px; + line-height: 20px; + } + .data { + color: #409eff; + } + .orgroup { + color: red; + } + .andgroup { + color: green; + } + .or { + color: rgb(91, 6, 248); + } + .and { + color: black; + } + } + } + .conditionSelect { + display: inline-block; + margin-top: 20px; + flex: 1; + position: relative; + .selectList { + margin: 0 0 0 20px; + } + } + .moreCondition { + position: relative; + // margin-top: 20px; + .line { + content: ""; + display: block; + height: calc(100% - 20px); + width: 1px; + // background-color: red; + border: 1px dashed red; + border-right: none; + position: absolute; + top: 20px; + left: 0; + &::after { + display: block; + content: ""; + width: 15px; + position: absolute; + top: -1px; + border-top: 1px dashed red; + left: 1px; + } + &::before { + display: block; + content: ""; + width: 15px; + height: 0px; + position: absolute; + bottom: -1px; + border-top: 1px dashed red; + left: 1px; + } + } + .andgroup { + border-color: green; + &::after { + border-color: green; + } + &::before { + border-color: green; + } + } + .orgroup { + border-color: red; + &::after { + border-color: red; + } + &::before { + border-color: red; + } + } + } + } +} + +.conditionSelect { + .control { + display: inline-block; + position: absolute; + left: -16px; + top: 10px; + font-size: 8px; + width: 14px; + height: 14px; + display: flex; + align-items: center; + justify-content: center; + border: 1px dashed #b4bccc; + box-sizing: border-box; + color: #b4bccc; + } + .el-button { + margin-left: 10px; + } +}