From 5d48f8215284ca8de312f1c85f78e07215a0faf1 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 20 五月 2021 11:07:04 +0800
Subject: [PATCH] 2021-05-20
---
src/mob/components/formdragelement/index.scss | 275 ++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 180 insertions(+), 95 deletions(-)
diff --git a/src/mob/components/formdragelement/index.scss b/src/mob/components/formdragelement/index.scss
index 9384591..188c60e 100644
--- a/src/mob/components/formdragelement/index.scss
+++ b/src/mob/components/formdragelement/index.scss
@@ -8,26 +8,190 @@
padding-left: 1.2%;
padding-right: 1.2%;
}
- .am-list-item.am-input-item {
- padding-left: 0;
- }
- .am-list-item .am-input-label {
+ .am-list-item {
font-size: 16px;
- }
- .am-list-line {
- border-bottom: 1PX solid #ddd;
- input {
- text-align: right;
+ padding-left: 10px;
+ position: relative;
+ display: flex;
+ height: 44px;
+ min-height: 44px;
+ background-color: #fff;
+ vertical-align: middle;
+ overflow: hidden;
+ transition: background-color 200ms;
+ align-items: center;
+
+ .am-list-line {
+ border-bottom: 1PX solid #ddd;
+ align-items: center;
+ position: relative;
+ display: flex;
+ flex: 1 1;
+ align-self: stretch;
+ padding-right: 15px;
+ overflow: hidden;
+ .am-input-label {
+ width: 28%;
+ color: #000;
+ font-size: 16px;
+ margin-left: 0;
+ margin-right: 5px;
+ text-align: left;
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 2px 0;
+ text-overflow: ellipsis;
+ }
+ .am-list-switch {
+ flex: 1;
+ text-align: right;
+ }
+ .am-input-control {
+ font-size: 16px;
+ flex: 1 1;
+ text-align: right;
+ }
+ .am-input-control.left {
+ text-align: left;
+ }
+ .am-list-extra {
+ display: block;
+ width: 15px;
+ height: 15px;
+ margin-left: 8px;
+ i {
+ vertical-align: top;
+ }
+ }
}
}
- .ant-form-item-children {
- padding-left: 10px;
+ .am-list-item.check-card {
+ height: auto;
+ .am-list-line {
+ align-items: start;
+ display: block;
+ .check-card-edit-box {
+ margin-top: 0!important;
+ }
+ }
+ }
+ .am-list-item.hint {
+ height: auto;
+ .am-list-line {
+ align-items: start;
+ display: block;
+ .am-input-label {
+ line-height: 2;
+ }
+ .am-input-control {
+ font-size: 14px;
+ line-height: 1.5;
+ text-align: left;
+ padding-bottom: 5px;
+ }
+ }
+ }
+ .am-list-item.checkbox {
+ height: auto;
+ .am-list-line {
+ align-items: start;
+ display: block;
+ }
+ .mk-radio-group {
+ padding-left: 10px;
+ text-align: left;
+
+ .mk-radio-wrapper:not(:last-child) {
+ border-bottom: 1px solid #ddd;
+ }
+ span {
+ display: inline-block;
+ }
+ .radio-value {
+ width: calc(100% - 50px);
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 2px 0;
+ text-overflow: ellipsis;
+ vertical-align: top;
+ }
+ .radio-check {
+ position: relative;
+ width: 50px;
+ height: 30px;
+ top: 8px;
+ }
+ .radio-check.checked::after {
+ content: ' ';
+ position: absolute;
+ display: table;
+ border: 1px solid #1890ff;
+ border-top: 0;
+ border-left: 0;
+ top: 50%;
+ left: 22%;
+ width: 12px;
+ height: 20px;
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
+ }
+ }
+ .ant-checkbox-group {
+ display: block;
+ padding-left: 10px;
+ .ant-checkbox-wrapper {
+ display: flex;
+ text-align: left;
+ font-size: 16px;
+ .ant-checkbox {
+ display: block;
+ width: 30px;
+ .ant-checkbox-inner {
+ width: 22px;
+ height: 22px;
+ top: 12px;
+ }
+ .ant-checkbox-inner::after {
+ width: 9px;
+ height: 14px;
+ }
+ }
+ .ant-checkbox + span {
+ display: block;
+ flex: 1 1;
+ border-bottom: 1px solid #ddd;
+ }
+ }
+ .ant-checkbox-wrapper:last-child {
+ .ant-checkbox + span {
+ border-bottom: none;
+ }
+ }
+ }
}
.split-line {
color: #1890ff;
- font-size: 15px;
+ font-size: 16px;
padding-left: 10px;
+ padding-top: 10px;
border-bottom: 1px solid #e9e9e9;
+ }
+ .check-card-edit-box .card-cell span {
+ line-height: 1.5;
+ }
+ .ant-form-item {
+ cursor: move;
+ display: flex;
+ margin-bottom: 0px;
+ .ant-form-item-control-wrapper::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0;
+ z-index: 1;
+ }
}
.ant-form-item.required {
.am-input-label::before {
@@ -40,88 +204,9 @@
content: '*';
}
}
- .ant-form-item {
- cursor: move;
- display: flex;
- margin-bottom: 0px;
- .ant-form-item-label {
- overflow: visible;
- position: relative;
- cursor: move;
- height: 40px;
- width: 33.3%;
- label {
- width: 100%;
- cursor: move;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .anticon-question-circle {
- color: #c49f47;
- margin-right: 3px;
- line-height: 40px;
- }
- }
- .ant-form-item-control-wrapper {
- position: relative;
- flex: 1;
- .ant-select {
- width: 100%;
- margin-top: 4px;
- }
- .field-name {
- line-height: 1.3;
- float: left;
- }
- .ant-checkbox-group {
- line-height: 40px;
- .ant-checkbox-wrapper {
- margin-right: 8px;
- }
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
- margin-left: 0px;
- }
- }
- .ant-radio-group {
- line-height: 40px;
- }
- .ant-calendar-picker {
- width: 100%;
- margin-top: 4px;
- }
- .ant-input-number {
- width: 100%;
- margin-top: 4px;
- }
- .color-sketch-block {
- margin-top: 7px;
- overflow: hidden;
- .color-sketch-block-box {
- min-width: 100px;
- }
- }
- .normal-braft-editor {
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- }
- }
- .ant-form-item-control-wrapper::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 1;
- }
- .ant-col-cuslabel {
- width: 10.5%;
- }
- .ant-col-cuswrap {
- width: 89.5%;
- }
+}
+.mob-form.modal-fields-row {
+ .page-card {
+ margin-bottom: 10px;
}
}
\ No newline at end of file
--
Gitblit v1.8.0