From 67036fb0ed31d77ca33b660ce5f9f47c29ae65c0 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期日, 03 三月 2024 11:47:46 +0800 Subject: [PATCH] 2024-03-03 --- src/menu/components/search/main-search/index.scss | 154 +++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 111 insertions(+), 43 deletions(-) diff --git a/src/menu/components/search/main-search/index.scss b/src/menu/components/search/main-search/index.scss index 543f44e..656580b 100644 --- a/src/menu/components/search/main-search/index.scss +++ b/src/menu/components/search/main-search/index.scss @@ -1,10 +1,21 @@ .main-search-edit-list { min-height: 50px; position: relative; + background: #ffffff; + padding-bottom: 15px; + .ant-form-item-control { + line-height: 1.5; + } + >.ant-switch { + position: absolute; + z-index: 3; + right: 10px; + bottom: 5px; + } >.anticon-tool { position: absolute; - z-index: 1; + z-index: 3; font-size: 16px; right: 1px; top: 1px; @@ -14,35 +25,26 @@ } > .ant-row { min-height: 65px; + > .ant-col { + padding: 0 12px!important; + } } - .ant-row .ant-col-6 { - padding: 0 12px!important; + .mk-search-item-wrap { + display: inline-block; + float: none; + vertical-align: top; } .ant-row.ant-form-item .ant-col { padding: 0; } .page-card { position: relative; - background: #ffffff; border-radius: 2px; padding-bottom: 15px; .ant-form-item { - cursor: move; - display: flex; + position: relative; margin-bottom: 0px; - .ant-form-item-label { - height: 40px; - label { - width: 100%; - cursor: move; - overflow: hidden; - display: inline-block; - text-overflow: ellipsis; - white-space: nowrap; - } - } .ant-form-item-control-wrapper { - flex: 1 1; .ant-select { width: 100%; margin-top: 4px; @@ -50,53 +52,119 @@ .ant-calendar-picker { margin-top: 4px; } - .input-mask { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0; - z-index: 2; - } .data-range .ant-calendar-picker-input { padding: 4px 20px 4px 5px; font-size: 13px; } } } - .edit { + .ant-form-item::after { + display: block; + content: ' '; + clear: both; + } + >div::after { + display: block; + content: ' '; position: absolute; + cursor: move; + top: 0; left: 0; - top: 5px; - color: #1890ff; - cursor: pointer; - display: none; - } - .edit.copy { - left: 20px; - color: #26C281; - } - .edit.close { - left: 40px; - color: #ff4d4f; + right: 0; + bottom: 0; + opacity: 0; + z-index: 2; } } - .page-card:hover { - .edit { + .page-card.label-hide { + .ant-form-item-label { + display: none; + } + .ant-form-item-control-wrapper { + width: 100%; + } + } + label[title=" "]::after, label[title=" "]::after { + display: none; + } + .page-card.advanced { + .ant-form-item-label label { + color: orange; + } + } + .page-card.range { + .ant-form-item-control-wrapper { + .ant-form-item-control { + .ant-form-item-children { + display: flex; + line-height: 40px; + .ant-input:first-child { + margin-right: 5px; + } + .ant-input:last-child { + margin-left: 5px; + } + } + } + } + } + .page-card.no-query { + .ant-form-explain { + color: #13c2c2; + } + } + .mk-search-item-wrap.action { + .ant-form-item { + white-space: nowrap; + } + .ant-form-item-label, .ant-form-item-control-wrapper { display: inline-block; } + } + .mk-search-item-wrap.action.hide-button { + display: none; } .ant-calendar-picker { min-width: 100px!important; width: 100%; } + .check-card-edit-box { + margin-top: 5px!important; + } + .quickly-add { + position: absolute; + z-index: 3; + right: 55px; + bottom: 3px; + .ant-btn-block { + background-color: transparent; + color: #1890ff; + border: none; + box-shadow: none!important; + height: 18px; + padding: 0 10px; + } + } } + +.main-search-edit-list.right { + >.ant-row { + text-align: right; + } +} + +.main-search-edit-list:not(.show-field) { + .ant-form-explain { + display: none; + } +} + .main-search-edit-list::after { display: block; content: ' '; clear: both; } .main-search-edit-list:hover { - box-shadow: 0px 0px 2px #e8e8e8; + z-index: 1; + box-shadow: 0px 0px 4px #1890ff; } \ No newline at end of file -- Gitblit v1.8.0