2021-05-20

king

2021-05-20 5d48f8215284ca8de312f1c85f78e07215a0faf1

 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;
  }
}