From a8736e84e62cae98c05b1cc6ac6992e4b31e7cf2 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 13 一月 2020 00:48:31 +0800
Subject: [PATCH] 2020-01-13
---
src/templates/formtabconfig/index.scss | 244 ++++++++++++++++++------------------------------
1 files changed, 93 insertions(+), 151 deletions(-)
diff --git a/src/templates/formtabconfig/index.scss b/src/templates/formtabconfig/index.scss
index d1e5eea..f43082a 100644
--- a/src/templates/formtabconfig/index.scss
+++ b/src/templates/formtabconfig/index.scss
@@ -1,4 +1,4 @@
-.common-table-board {
+.form-tab-board {
position: fixed;
z-index: 1070;
padding-top: 48px;
@@ -129,7 +129,6 @@
position: relative;
width: calc(100vw - 235px);
height: 100%;
- // overflow-y: hidden;
background: #ffffff;
.ant-switch.big {
min-width: 60px;
@@ -160,88 +159,109 @@
.ant-card-body {
position: relative;
padding: 0 0 40px;
-
- .search-list {
- padding: 1px 24px 20px;
- min-height: 87px;
- border-bottom: 1px solid #d9d9d9;
- > .ant-row {
- min-height: 65px;
+ >.anticon-question-circle {
+ position: relative;
+ left: 5px;
+ top: 20px;
+ }
+ >.ant-collapse {
+ border-radius: 0;
+ border: 0;
+ margin-top: 30px;
+ .ant-collapse-header {
+ cursor: default;
+ border-radius: 0;
+ background: #1890ff;
+ color: #ffffff;
+ .anticon {
+ font-size: 16px;
+ }
+ .ant-collapse-extra {
+ .anticon-edit {
+ position: absolute;
+ right: 15px;
+ }
+ }
}
- .ant-row .ant-col-6 {
- padding: 0 12px!important;
+ .ant-collapse-item:last-child {
+ border-radius: 0;
+ .ant-collapse-content {
+ border-radius: 0;
+ }
}
- .ant-row.ant-form-item .ant-col {
- padding: 0;
- }
- .page-card {
- position: relative;
- background: #ffffff;
- border-radius: 2px;
- padding-top: 15px;
- .ant-form-item {
- cursor: move;
- display: flex;
- margin-bottom: 0px;
- .ant-form-item-label {
- width: 100px;
- height: 40px;
- label {
- width: 100%;
+ .ant-collapse-content-box {
+ padding: 16px 30px;
+ > .ant-row {
+ min-height: 90px;
+ padding-bottom: 30px;
+ .page-card {
+ position: relative;
+ background: #ffffff;
+ border-radius: 2px;
+ padding-top: 15px;
+ .ant-form-item {
cursor: move;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
+ display: flex;
+ margin-bottom: 0px;
+ .ant-form-item-label {
+ label {
+ width: 100%;
+ cursor: move;
+ overflow: hidden;
+ display: inline-block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ }
+ .ant-form-item-control-wrapper {
+ .ant-select {
+ width: 100%;
+ margin-top: 4px;
+ }
+ .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;
+ }
+ }
}
- }
- .ant-form-item-control-wrapper {
- flex: 1 1;
- .ant-select {
- width: 100%;
- margin-top: 4px;
- }
- .ant-calendar-picker {
- margin-top: 4px;
- }
- .input-mask {
+ .edit {
position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 2;
+ left: 15px;
+ top: 5px;
+ color: #1890ff;
+ cursor: pointer;
+ display: none;
}
- .data-range .ant-calendar-picker-input {
- padding: 4px 20px 4px 5px;
- font-size: 13px;
+ .edit.close {
+ left: 40px;
+ color: #ff4d4f;
}
}
+ .page-card:hover {
+ .edit {
+ display: inline-block;
+ }
+ }
+ .ant-calendar-picker {
+ min-width: 100px!important;
+ width: 100%;
+ }
}
- .edit {
- position: absolute;
- left: 0;
- top: 5px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
- }
- }
- .ant-calendar-picker {
- min-width: 100px!important;
- width: 100%;
}
}
+
.action-list {
padding: 0px 20px 15px;
min-height: 82px;
@@ -290,84 +310,6 @@
.page-card:hover {
.edit {
display: inline-block;
- }
- }
- }
- .column-list {
- position: relative;
- padding: 0px 20px;
- .ant-switch {
- position: absolute;
- right: 20px;
- top: -10px;
- }
- > .ant-row {
- background: #fafafa;
- border-radius: 4px;
- min-height: 47px;
- border: 1px solid #e8e8e8;
- .column-box {
- display: flex;
- }
- .column-box:not(:first-child) {
- border-top: 1px solid #e8e8e8;
- }
- .page-card {
- position: relative;
- padding: 0px;
- min-height: 45px;
- > div {
- 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;
- 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;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
- .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;
}
}
}
--
Gitblit v1.8.0