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/tabviews/zshare/topSearch/index.scss | 133 ++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 127 insertions(+), 6 deletions(-) diff --git a/src/tabviews/zshare/topSearch/index.scss b/src/tabviews/zshare/topSearch/index.scss index 556e04d..9d96cca 100644 --- a/src/tabviews/zshare/topSearch/index.scss +++ b/src/tabviews/zshare/topSearch/index.scss @@ -1,10 +1,18 @@ -.ant-advanced-search-form.top-search { - padding: 0px 24px 20px; - border-bottom: 1px solid #efefef; +.mk-search-wrap { + // background: #ffffff; + + .mk-search-col { + display: inline-block; + float: none; + vertical-align: top; + } + .ant-checkbox-wrapper { + color: rgba(0, 0, 0, 0.85); + } .ant-form-item { display: flex; margin-bottom: 0px; - min-height: 60px; + min-height: 55px; .ant-form-explain { white-space: nowrap; } @@ -14,8 +22,10 @@ width: calc(100% - 100px); } .ant-form-item-label { - // width: 100px; text-overflow: ellipsis; + } + label[title=" "]::after, label[title=" "]::after { + display: none; } .daterange .ant-calendar-picker-input { padding: 4px 20px 4px 5px; @@ -27,4 +37,115 @@ .ant-calendar-picker-container { z-index: 10 !important; } -} \ No newline at end of file + .group-required { + label::before { + display: inline-block; + margin-right: 4px; + color: #f5222d; + font-size: 14px; + font-family: SimSun, sans-serif; + line-height: 1; + content: '*'; + } + } + .search-button { + min-height: 55px; + .ant-btn-link, .ant-btn-link:hover, .ant-btn-link:active{ + border-color: transparent; + span { + position: relative; + top: 5px; + } + } + .ant-btn { + height: auto; + min-height: 28px; + } + .anticon-down { + transition: transform 0.3s; + margin-left: 2px; + } + .visible { + .anticon-down { + transform: rotate(180deg); + } + } + .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link).active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus { + color: var(--mk-sys-color); + border-color: var(--mk-sys-color); + } + .ant-btn-primary { + background-color: var(--mk-sys-color); + border-color: var(--mk-sys-color); + } + .ant-btn-link { + color: var(--mk-sys-color); + } + } + .advanced-list { + font-size: 13px; + padding: 2px 12px; + text-align: left; + > div { + display: inline-block; + margin-right: 10px; + padding: 0 4px 0 4px; + box-shadow: 0 0 2px #dddddd; + + .anticon-close { + margin-left: 5px; + cursor: pointer; + color: #bcbcbc; + font-size: 12px; + padding: 2px; + } + } + .advance-value { + color: var(--mk-sys-color); + } + } + .ant-calendar-picker-clear, .ant-calendar-picker-icon { + right: 8px; + } + .ant-input-affix-wrapper { + .ant-input-suffix { + opacity: 1; + transition: opacity 0.3s; + } + } + .ant-input-affix-wrapper:not(:hover) { + .ant-input-suffix { + opacity: 0; + } + } + .check-card-search-box { + margin-top: 3px; + } +} +.mk-search-wrap.mk-float-right { + >.ant-row { + text-align: right; + } +} +.mk-search-drawer { + .ant-drawer-wrapper-body { + position: relative; + } + .ant-drawer-header { + position: absolute; + top: 0; + width: 100%; + } + .ant-drawer-body { + padding-bottom: 50px; + position: relative; + min-height: calc(100% - 60px); + margin-top: 55px; + .advance-button { + background: #ffffff; + } + .advance-search { + margin-bottom: 15px; + } + } +} -- Gitblit v1.8.0