From ed7d889f7d9dfca77fd7f055ad8d6ec6ad85ae91 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 20 七月 2022 18:28:13 +0800 Subject: [PATCH] 2022-07-20 --- src/templates/sharecomponent/searchcomponent/index.scss | 130 ++++++++++++++++++++++++++++--------------- 1 files changed, 84 insertions(+), 46 deletions(-) diff --git a/src/templates/sharecomponent/searchcomponent/index.scss b/src/templates/sharecomponent/searchcomponent/index.scss index 408b255..2d0f22c 100644 --- a/src/templates/sharecomponent/searchcomponent/index.scss +++ b/src/templates/sharecomponent/searchcomponent/index.scss @@ -1,91 +1,129 @@ .model-table-search-list { padding: 1px 24px 20px; min-height: 87px; + position: relative; border-bottom: 1px solid #d9d9d9; - .anticon-question-circle { - color: #c49f47; - position: relative; - left: -15px; - top: 5px; + .quickly-add { + display: none; + } + .switch-field-show { + position: absolute; + z-index: 1; + right: 20px; + bottom: 5px; } > .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; + .mk-search-item-wrap.action { + .ant-form-item-label, .ant-form-item-control-wrapper { + display: inline-block; + } } + .mk-search-item-wrap.action.hide-button { + span { + text-decoration: line-through #ff4d4f; + } + } + .page-card { position: relative; background: #ffffff; border-radius: 2px; padding-bottom: 15px; + height: 55px; .ant-form-item { - cursor: move; - display: flex; 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; - } + float: left; } .ant-form-item-control-wrapper { - flex: 1 1; + float: left; .ant-select { width: 100%; margin-top: 4px; + .ant-select-selection { + height: 32px; + } } .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; } + .check-card-edit-box { + .no-margin-bottom { + margin-bottom: 0px; + } + .card-cell { + padding: 4px 6px; + } + .card-color-cell { + min-height: 32px; + } + } + } + .ant-form-explain { + display: none; } } - .edit { + >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 { - display: inline-block; + .page-card.label-hide { + .ant-form-item-label { + display: none; + } + .ant-form-item-control-wrapper { + width: 100%; + } + } + .page-card.checkcard { + .ant-form-item-control-wrapper { + .ant-form-item-control { + line-height: 1; + } + } + } + .page-card.advanced { + .ant-form-item-label label { + color: orange; } } .ant-calendar-picker { min-width: 100px!important; width: 100%; } + .check-card-edit-box { + margin-top: 5px!important; + } +} +.model-table-search-list.show-field { + .page-card { + .ant-form-explain { + display: block; + } + } } \ No newline at end of file -- Gitblit v1.8.0