@jecloud/func/es/form/style/index.less

JECloud 功能库

@import '../../func-children/style/index.less';
.je-form-func{
  & &-body-wrapper{
    padding: 0 8px;
  }
  & &-wrapper{
    overflow: auto;
    position: relative;
    padding-top:10px;
    &::-webkit-scrollbar {
      width:0;
    }
    .je-form{
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
    }
  }
  
  & &-item{
    .ant-picker,
    .ant-input-number{
      width:100%;
    }
    // label换行
    .ant-form-item-label{
      white-space:normal;
      overflow:inherit;
      .ant-form-item-required::before{
        display: none;
      }
    }

    &-required{
      color:#ff4d4f;
      margin-right:5px;
      font-family: SimSun, sans-serif;
    }
    &-help{
      color:#d8d8d8;
      cursor: pointer;
      margin-right:5px;
      &:hover{
        color:@primary-color;
      }
    }
  }
  
  & &-tbar{
    padding: 7px 10px;
    background-color: #f1f1f1;
    overflow-x: auto;
    &-wrapper{
      padding:0 8px;
    }
  }
  &.je-func-children-horizontal-single{
    .je-form-func-tbar-wrapper{
        padding-top: 8px;
    }
  }

  & &-anchor{
    position: absolute;
    left: 0;
    top: 20px;
    visibility: hidden;
    width:auto !important;
    height:auto !important;
    border-right: 1px solid @border-color-base;
    padding-bottom: 30px;
    &-item{
      height: 32px;
      line-height: 32px;
      padding-right: 10px;
      margin-right: -2px;
      border-right: 3px solid transparent;
      cursor: pointer;
      &.is--active{
        color:@primary-color;
        border-right-color: @primary-color;
      }
    }
  }
}

.je-form-func-query-item{
  margin:0 !important;
  .ant-input-group{
    display: flex;
    .query-type{
      width:70px;
      text-align: center;
      padding:0;
    }
    .query-value{
      flex:1
    }
    .query-order{
      i{
        color:rgba(0, 0, 0, 0.35);
      }
      &:hover{
        i{
          color:@primary-color;
        }
      }
    }
    &>*:not(:last-child) {
        margin-right: -1px;
        border-right-width: 1px;
    }
  }
  &-querytype{
    width:80px !important;
  }
}