diff --git a/src/components/FormDesign/src/components/VFormDesign/styles/drag.less b/src/components/FormDesign/src/components/VFormDesign/styles/drag.less index 0f806340..fe1bf2de 100644 --- a/src/components/FormDesign/src/components/VFormDesign/styles/drag.less +++ b/src/components/FormDesign/src/components/VFormDesign/styles/drag.less @@ -16,12 +16,12 @@ overflow: hidden; &::before { - content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 5px; + content: ""; background-color: @primary-color; } } @@ -40,19 +40,19 @@ // 选择时 start &::before { - content: ''; position: absolute; top: 0; right: -100%; width: 100%; height: 5px; - transition: all 0.3s; + content: ""; background-color: @primary-color; + transition: all 0.3s; } &.active { - outline-offset: 0; background-color: @primary-hover-bg-color; + outline-offset: 0; &::before { right: 0; @@ -66,18 +66,18 @@ word-wrap: break-word; &::before { - content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; + content: ""; } .ant-form-item { + padding-bottom: 6px; // 修改ant form-item的margin为padding margin: 0; - padding-bottom: 6px; } } @@ -86,9 +86,9 @@ position: absolute; right: 5px; bottom: 2px; + font-size: 14px; // z-index: 999; color: @primary-color; - font-size: 14px; } .copy, @@ -97,15 +97,15 @@ top: 0; width: 30px; height: 30px; + line-height: 30px; + color: #fff; + text-align: center; // z-index: 989; transition: all 0.3s; - color: #fff; - line-height: 30px; - text-align: center; &.unactivated { - opacity: 0 !important; pointer-events: none; + opacity: 0 !important; } &.active { @@ -115,8 +115,8 @@ .copy { right: 30px; - border-radius: 0 0 0 8px; background-color: @primary-color; + border-radius: 0 0 0 8px; } .delete { @@ -131,17 +131,17 @@ width: 100%; padding: 5px; overflow: hidden; - transition: all 0.3s; background-color: @layout-background-color; + transition: all 0.3s; .form-item-box { position: relative; box-sizing: border-box; .ant-form-item { + padding-bottom: 15px; // 修改ant form-item的margin为padding margin: 0; - padding-bottom: 15px; } } @@ -166,19 +166,19 @@ // 选择时 start &::before { - content: ''; position: absolute; top: 0; right: -100%; width: 100%; height: 5px; - transition: all 0.3s; + content: ""; background: transparent; + transition: all 0.3s; } &.active { - outline-offset: 0; background-color: @layout-hover-bg-color; + outline-offset: 0; &::before { right: 0; @@ -193,15 +193,15 @@ top: 0; width: 30px; height: 30px; + line-height: 30px; + color: #fff; + text-align: center; // z-index: 989; transition: all 0.3s; - color: #fff; - line-height: 30px; - text-align: center; &.unactivated { - opacity: 0 !important; pointer-events: none; + opacity: 0 !important; } &.active { @@ -211,8 +211,8 @@ > .copy { right: 30px; - border-radius: 0 0 0 8px; background-color: @layout-color; + border-radius: 0 0 0 8px; } > .delete {