From 461e4fff4b51d067671244eec63b097cd9012b6e Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 30 三月 2020 09:25:41 +0800 Subject: [PATCH] 2020-03-30 --- src/templates/comtableconfig/index.scss | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 102 insertions(+), 15 deletions(-) diff --git a/src/templates/comtableconfig/index.scss b/src/templates/comtableconfig/index.scss index 840a370..fa41b5f 100644 --- a/src/templates/comtableconfig/index.scss +++ b/src/templates/comtableconfig/index.scss @@ -50,11 +50,26 @@ } } } - .config-btn-title { - margin-top: 20px; - margin-bottom: 10px; - color: #1890ff; - border-bottom: 1px solid #e8e8e8; + .config-btn { + position: relative; + + .config-btn-title { + margin-top: 20px; + margin-bottom: 10px; + color: #1890ff; + border-bottom: 1px solid #e8e8e8; + } + .thawbutton { + position: absolute; + right: 10px; + top: 0px; + padding: 0px; + cursor: pointer; + i { + font-size: 16px; + color: #1890ff; + } + } } .tables { .ant-select-selection-selected-value { @@ -96,6 +111,9 @@ color: #c49f47; margin-right: 3px; } + .config-button { + min-width: 65px; + } } .tools:hover { overflow-y: auto; @@ -126,7 +144,7 @@ position: relative; width: calc(100vw - 235px); height: 100%; - overflow-y: hidden; + // overflow-y: hidden; background: #ffffff; .ant-switch.big { min-width: 60px; @@ -156,7 +174,7 @@ } .ant-card-body { position: relative; - padding: 0; + padding: 0 0 40px; .search-list { padding: 1px 24px 20px; @@ -181,7 +199,7 @@ display: flex; margin-bottom: 0px; .ant-form-item-label { - width: 100px; + // width: 100px; height: 40px; label { width: 100%; @@ -240,10 +258,11 @@ } } .action-list { + position: relative; padding: 0px 20px 15px; min-height: 82px; > .ant-row { - min-height: 67px; + min-height: 80px; } .page-card { display: inline-block; @@ -269,8 +288,13 @@ left: 20px; color: #26C281; } + .edit.profile { + left: 60px; + color: purple; + } button { cursor: move; + min-width: 65px; .anticon-table { font-size: 10px; position: absolute; @@ -282,6 +306,17 @@ .page-card:hover { .edit { display: inline-block; + } + } + .copybutton { + position: absolute; + right: 10px; + top: 5px; + z-index: 2; + padding: 5px; + cursor: pointer; + i { + font-size: 16px; } } } @@ -403,19 +438,67 @@ display: inline-block; } } + .ant-tabs-content { + .ant-tabs-tabpane img { + width: 100%; + } + } } - > .anticon-setting { + > .anticon-question-circle { + position: absolute; + left: 5px; + top: 20px; + } + > .anticon-plus { position: absolute; font-size: 18px; - right: 15px; - top: 30px; + right: 25px; + top: 50px; + z-index: 1; + color: #26C281; + cursor: pointer; + } + > .anticon-delete { + position: absolute; + font-size: 19px; + right: 25px; + top: 50px; + z-index: 1; + color: #ff4d4f; + cursor: pointer; + } + > .anticon-arrow-up { + position: absolute; + right: 55px; + font-size: 19px; + z-index: 1; + top: 50px; + color: #1890ff; + cursor: pointer; + } + > .anticon-arrow-down { + position: absolute; + right: 55px; + font-size: 19px; + z-index: 1; + top: 50px; + color: purple; + cursor: pointer; + } + > .anticon-arrow-down + .anticon-arrow-up { + right: 85px; + } + .ant-tabs-nav-container-scrolling { + margin-right: 50px; } } > .anticon-setting { position: absolute; font-size: 18px; - right: 15px; + right: 7px; top: 10px; + padding: 10px; + z-index: 1; } } .anticon-question-circle { @@ -425,8 +508,8 @@ top: 5px; } } - .setting:hover { - overflow-y: auto; + .setting { + overflow-y: scroll; } .setting::-webkit-scrollbar { width: 7px; @@ -435,6 +518,7 @@ border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); background: rgba(0, 0, 0, 0.13); + display: none; } .setting::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); @@ -442,6 +526,9 @@ border: 1px solid rgba(0, 0, 0, 0.07); background: rgba(0, 0, 0, 0); } + .setting:hover::-webkit-scrollbar-thumb { + display: block; + } .ant-spin { position: absolute; margin-left: calc(50vw - 22px); -- Gitblit v1.8.0