From b68697ccdce3f7de67c3a918701c814497b6b41a Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 12 十一月 2019 22:05:24 +0800 Subject: [PATCH] 2019-11-12 --- src/components/sidemenu/comtableconfig/index.scss | 127 +++++++++++++++++++++++++++++++++++------- 1 files changed, 105 insertions(+), 22 deletions(-) diff --git a/src/components/sidemenu/comtableconfig/index.scss b/src/components/sidemenu/comtableconfig/index.scss index 59ef68d..49d9cf1 100644 --- a/src/components/sidemenu/comtableconfig/index.scss +++ b/src/components/sidemenu/comtableconfig/index.scss @@ -12,6 +12,24 @@ flex: 1; background: #ffffff; border-right: 1px solid #d9d9d9; + .ant-tabs-nav { + .ant-tabs-tab { + padding: 12px 0px; + width: 60px; + text-align: center; + } + .ant-tabs-tab:not(:last-child) { + margin: 0 20px 0 0; + } + } + .search-element { + li { + padding: 0px 16px 10px; + div { + cursor: move; + } + } + } } .setting { position: relative; @@ -19,13 +37,15 @@ height: 100%; overflow-y: auto; background: #ffffff; - + .ant-card-head { + min-height: 44px; + } .ant-card-head-title { - padding: 10px 0; + padding: 5px 0; color: #1890ff; } .ant-card-extra { - padding: 10px 0; + padding: 5px 0; button { margin-left: 20px; } @@ -35,7 +55,7 @@ .search-list { padding: 1px 24px 20px; - min-height: 50px; + min-height: 87px; border-bottom: 1px solid #d9d9d9; .ant-row .ant-col-6 { padding: 0 12px!important; @@ -54,24 +74,32 @@ margin-bottom: 10px; .ant-form-item-label { width: 100px; + 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; - input { - cursor: move; + .ant-select { + width: 100%; + margin-top: 4px; } - input:hover { - border-color: #d9d9d9; + .ant-calendar-picker { + margin-top: 4px; } - input:active { - border-color: #d9d9d9; - } - input:focus { - border-color: #d9d9d9; - box-shadow: none; + .input-mask { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; } } } @@ -99,14 +127,16 @@ } } .action-list { - padding: 0px 20px 5px; - min-height: 50px; + padding: 0px 20px 15px; + min-height: 72px; .page-card { display: inline-block; - margin: 0px 15px 20px 0px; - padding-top: 15px; - cursor: move; + margin: 0px 0px 20px 0px; + padding: 15px 10px 0 0; position: relative; + div { + cursor: move; + } .edit { position: absolute; left: 0; @@ -129,9 +159,62 @@ padding: 10px 20px; cursor: pointer; } + .column-list { + padding: 0px 20px; + .ant-row { + background: #fafafa; + border-radius: 4px; + border: 1px solid #e8e8e8; + .page-card { + position: relative; + padding: 0px; + min-height: 45px; + > div { + padding: 12px 8px; + cursor: move; + } + .ant-table-column-sorter { + position: relative; + display: inline-block; + width: 24px; + font-size: 12px; + color: #bfbfbf; + .anticon-caret-up { + position: relative; + left: 10px; + top: -3px; + } + .anticon-caret-down { + position: relative; + left: -2px; + top: 3px; + } + } + .edit { + position: absolute; + left: 0; + top: 0px; + cursor: pointer; + display: none; + } + .ant-checkbox-inner { + margin-top: 14px; + margin-left: calc(50% - 8px); + } + } + .page-card:hover { + .edit { + display: inline-block; + } + } + .page-card:not(:last-child) { + border-right: 1px solid #e8e8e8; + } + } + } } } } -.commontable-edit-modal { - width: 650px!important; -} +// .commontable-edit-modal { +// width: 650px!important; +// } -- Gitblit v1.8.0