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 | 223 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 207 insertions(+), 16 deletions(-)
diff --git a/src/templates/comtableconfig/index.scss b/src/templates/comtableconfig/index.scss
index 944465b..fa41b5f 100644
--- a/src/templates/comtableconfig/index.scss
+++ b/src/templates/comtableconfig/index.scss
@@ -13,7 +13,7 @@
background: #ffffff;
border-right: 1px solid #d9d9d9;
height: 100%;
- overflow-y: auto;
+ overflow-y: hidden;
padding-bottom: 30px;
.ant-collapse-item {
position: relative;
@@ -28,6 +28,8 @@
.ant-collapse-header {
padding: 11px 16px 10px 40px;
border-bottom: 1px solid #d9d9d9;
+ background: #1890ff;
+ color: #ffffff;
}
.ant-collapse-content-box {
.ant-form-item {
@@ -45,6 +47,27 @@
padding: 0px 16px 10px;
div {
cursor: move;
+ }
+ }
+ }
+ .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;
}
}
}
@@ -84,8 +107,17 @@
}
}
}
+ .anticon-question-circle {
+ color: #c49f47;
+ margin-right: 3px;
+ }
+ .config-button {
+ min-width: 65px;
+ }
}
-
+ .tools:hover {
+ overflow-y: auto;
+ }
.tools::-webkit-scrollbar {
width: 7px;
}
@@ -112,8 +144,21 @@
position: relative;
width: calc(100vw - 235px);
height: 100%;
- overflow-y: hidden;
+ // overflow-y: hidden;
background: #ffffff;
+ .ant-switch.big {
+ min-width: 60px;
+ height: 28px;
+ line-height: 28px;
+ margin-top: -2px;
+ .ant-switch-inner {
+ font-size: 14px;
+ }
+ }
+ .ant-switch.big::after {
+ width: 24px;
+ height: 24px;
+ }
.ant-card-head {
min-height: 44px;
}
@@ -129,7 +174,7 @@
}
.ant-card-body {
position: relative;
- padding: 0;
+ padding: 0 0 40px;
.search-list {
padding: 1px 24px 20px;
@@ -154,7 +199,7 @@
display: flex;
margin-bottom: 0px;
.ant-form-item-label {
- width: 100px;
+ // width: 100px;
height: 40px;
label {
width: 100%;
@@ -193,8 +238,13 @@
position: absolute;
left: 0;
top: 5px;
+ color: #1890ff;
cursor: pointer;
display: none;
+ }
+ .edit.close {
+ left: 20px;
+ color: #ff4d4f;
}
}
.page-card:hover {
@@ -208,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;
@@ -225,14 +276,25 @@
position: absolute;
left: 0;
top: 0px;
+ color: #1890ff;
cursor: pointer;
display: none;
}
+ .edit.close {
+ left: 40px;
+ color: #ff4d4f;
+ }
.edit.copy {
left: 20px;
+ color: #26C281;
+ }
+ .edit.profile {
+ left: 60px;
+ color: purple;
}
button {
cursor: move;
+ min-width: 65px;
.anticon-table {
font-size: 10px;
position: absolute;
@@ -246,14 +308,26 @@
display: inline-block;
}
}
- }
- .element-add {
- font-size: 20px;
- padding: 10px 20px;
- cursor: pointer;
+ .copybutton {
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ z-index: 2;
+ padding: 5px;
+ cursor: pointer;
+ i {
+ font-size: 16px;
+ }
+ }
}
.column-list {
+ position: relative;
padding: 0px 20px;
+ .ant-switch {
+ position: absolute;
+ right: 20px;
+ top: -10px;
+ }
> .ant-row {
background: #fafafa;
border-radius: 4px;
@@ -270,9 +344,15 @@
padding: 0px;
min-height: 45px;
> div {
- padding: 12px 8px;
+ padding: 12px 0px 0px;
cursor: move;
height: 100%;
+ .ant-table-column-sorters {
+ padding: 0px 8px 12px;
+ }
+ .ant-table-column-fields {
+ padding: 0px 8px 5px;
+ }
}
.ant-table-column-sorter {
position: relative;
@@ -295,8 +375,13 @@
position: absolute;
left: 0;
top: 0px;
+ color: #1890ff;
cursor: pointer;
display: none;
+ }
+ .edit.close {
+ left: 20px;
+ color: #ff4d4f;
}
.ant-checkbox-inner {
margin-top: 14px;
@@ -313,16 +398,118 @@
}
}
}
+ .tab-list {
+ position: relative;
+ padding: 30px 20px 0px;
+ .ant-switch {
+ position: absolute;
+ right: 20px;
+ top: 20px;
+ }
+ > .ant-row {
+ min-height: 47px;
+ .page-card {
+ position: relative;
+ padding: 0px;
+ > div {
+ padding: 12px 0px 0px;
+ cursor: move;
+ }
+ }
+ .ant-tabs-tab {
+ .edit {
+ position: absolute;
+ left: 0;
+ top: 0px;
+ color: #1890ff;
+ cursor: pointer;
+ display: none;
+ }
+ .edit.close {
+ left: 20px;
+ color: #ff4d4f;
+ }
+ }
+ .ant-tabs-bar {
+ min-height: 55px;
+ }
+ .ant-tabs-tab:hover {
+ .edit {
+ display: inline-block;
+ }
+ }
+ .ant-tabs-content {
+ .ant-tabs-tabpane img {
+ width: 100%;
+ }
+ }
+ }
+ > .anticon-question-circle {
+ position: absolute;
+ left: 5px;
+ top: 20px;
+ }
+ > .anticon-plus {
+ position: absolute;
+ font-size: 18px;
+ 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: 16px;
- right: 10px;
+ font-size: 18px;
+ right: 7px;
top: 10px;
+ padding: 10px;
+ z-index: 1;
}
}
+ .anticon-question-circle {
+ color: #c49f47;
+ position: relative;
+ left: -15px;
+ top: 5px;
+ }
}
- .setting:hover {
- overflow-y: auto;
+ .setting {
+ overflow-y: scroll;
}
.setting::-webkit-scrollbar {
width: 7px;
@@ -331,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);
@@ -338,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