From 0c84df247914f893ef5e41d57a422e10a2dc814c Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 12 十一月 2021 17:02:06 +0800
Subject: [PATCH] 2021-11-12
---
src/templates/formtabconfig/index.scss | 209 ++++++++++++++++++++++-----------------------------
1 files changed, 91 insertions(+), 118 deletions(-)
diff --git a/src/templates/formtabconfig/index.scss b/src/templates/formtabconfig/index.scss
index f43082a..88fd0ed 100644
--- a/src/templates/formtabconfig/index.scss
+++ b/src/templates/formtabconfig/index.scss
@@ -13,8 +13,11 @@
background: #ffffff;
border-right: 1px solid #d9d9d9;
height: 100%;
- overflow-y: hidden;
+ overflow-y: auto;
padding-bottom: 30px;
+ .ant-collapse-borderless {
+ background-color: #ffffff;
+ }
.ant-collapse-item {
position: relative;
border: 0;
@@ -25,7 +28,7 @@
.ant-collapse-item.ant-collapse-item-active {
border-bottom: 1px solid #d9d9d9;
}
- .ant-collapse-header {
+ .ant-collapse .ant-collapse-header {
padding: 11px 16px 10px 40px;
border-bottom: 1px solid #d9d9d9;
background: #1890ff;
@@ -92,38 +95,23 @@
}
}
}
- .anticon-question-circle {
- color: #c49f47;
- margin-right: 3px;
- }
.config-button {
min-width: 65px;
}
}
- .tools:hover {
- overflow-y: auto;
- }
.tools::-webkit-scrollbar {
- width: 7px;
+ width: 4px;
}
.tools::-webkit-scrollbar-thumb {
border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
+ background: rgba(0, 0, 0, 0.08);
}
.tools::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0);
- background: rgba(0, 0, 0, 0);
- }
- .tools:hover::-webkit-scrollbar-thumb {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .tools:hover::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
}
.setting {
position: relative;
@@ -159,11 +147,16 @@
.ant-card-body {
position: relative;
padding: 0 0 40px;
- >.anticon-question-circle {
- position: relative;
- left: 5px;
- top: 20px;
+
+ > .anticon-setting {
+ position: absolute;
+ font-size: 18px;
+ right: 7px;
+ top: 10px;
+ padding: 10px;
+ z-index: 1;
}
+
>.ant-collapse {
border-radius: 0;
border: 0;
@@ -173,13 +166,16 @@
border-radius: 0;
background: #1890ff;
color: #ffffff;
+ padding-left: 30px;
+ padding-right: 20px;
.anticon {
font-size: 16px;
}
.ant-collapse-extra {
.anticon-edit {
position: absolute;
- right: 15px;
+ left: 5px;
+ top: 2px;
}
}
}
@@ -190,6 +186,7 @@
}
}
.ant-collapse-content-box {
+ position: relative;
padding: 16px 30px;
> .ant-row {
min-height: 90px;
@@ -204,6 +201,7 @@
display: flex;
margin-bottom: 0px;
.ant-form-item-label {
+ overflow: visible;
label {
width: 100%;
cursor: move;
@@ -213,7 +211,17 @@
white-space: nowrap;
}
}
+ .ant-form-item-label.ant-col-cuslabel {
+ width: 11%;
+ }
+ .ant-form-item-control-wrapper.ant-col-cuswrap {
+ width: 89%;
+ }
.ant-form-item-control-wrapper {
+ position: relative;
+ .ant-input-number {
+ margin-top: 4px;
+ }
.ant-select {
width: 100%;
margin-top: 4px;
@@ -221,37 +229,24 @@
.ant-calendar-picker {
margin-top: 4px;
}
- .input-mask {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 2;
+ .ant-btn {
+ margin-top: 4px;
}
.data-range .ant-calendar-picker-input {
padding: 4px 20px 4px 5px;
font-size: 13px;
}
}
- }
- .edit {
- position: absolute;
- left: 15px;
- top: 5px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 40px;
- color: #ff4d4f;
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
+ .ant-form-item-control-wrapper::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+ z-index: 1;
+ }
}
}
.ant-calendar-picker {
@@ -259,57 +254,47 @@
width: 100%;
}
}
+ .anticon-snippets {
+ position: absolute;
+ font-size: 14px;
+ right: 10px;
+ top: 0px;
+ padding: 10px;
+ z-index: 1;
+ }
}
}
.action-list {
+ position: relative;
padding: 0px 20px 15px;
min-height: 82px;
+ text-align: center;
> .ant-row {
min-height: 67px;
}
.page-card {
display: inline-block;
- margin: 0px 0px 0px 0px;
- padding: 15px 10px 0 0;
+ padding: 0px;
+ margin: 15px 10px 0 0;
position: relative;
div {
cursor: move;
}
- .edit {
- 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;
+ min-width: 70px;
+ margin-right: 10px;
+ height: 35px;
+ font-size: 15px;
+ padding: 5px 20px;
.anticon-table {
font-size: 10px;
position: absolute;
right: 1px;
bottom: 0px;
}
- }
- }
- .page-card:hover {
- .edit {
- display: inline-block;
}
}
}
@@ -332,26 +317,10 @@
}
}
.ant-tabs-tab {
- .edit {
- position: absolute;
- left: 0;
- top: 0px;
- color: #1890ff;
- cursor: pointer;
- display: none;
- }
- .edit.close {
- left: 20px;
- color: #ff4d4f;
- }
+ cursor: default;
}
.ant-tabs-bar {
min-height: 55px;
- }
- .ant-tabs-tab:hover {
- .edit {
- display: inline-block;
- }
}
.ant-tabs-content {
.ant-tabs-tabpane img {
@@ -359,45 +328,49 @@
}
}
}
- > .anticon-question-circle {
- position: absolute;
- left: 5px;
- top: 20px;
- }
> .anticon-plus {
position: absolute;
- font-size: 24px;
+ font-size: 18px;
right: 25px;
top: 50px;
z-index: 1;
+ color: #26C281;
cursor: pointer;
}
> .anticon-delete {
position: absolute;
- font-size: 24px;
+ 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: 5px;
- top: 10px;
- padding: 10px;
- z-index: 1;
- }
- }
- .anticon-question-circle {
- color: #c49f47;
- position: relative;
- left: -15px;
- top: 5px;
}
}
.setting {
--
Gitblit v1.8.0