@jecloud/func/es/func-children/style/index.less

JECloud 功能库

.je-func-children-horizontal{
  background-color: @component-background;
  .ant-tabs-nav{
    margin:0;
    padding-left: 8px;
    .ant-tabs-tab + .ant-tabs-tab{
      margin-left:20px;
    }
  }
  & &-back{
    margin: 0 10px;
    font-size: 18px;
    line-height: 22px;
    cursor: pointer;
    &:hover{
      color:@primary-color;
    }
  }
}
.je-func-children{
  & > .ant-col > &-horizontal{
    border:1px solid @border-color-base;
    &>.ant-tabs-nav{
      background-color: #F1F1F1;
      border-bottom:1px solid @border-color-base;
      height:38px;
    }

  }
  &  > .ant-col > &-vertical{
    &>.ant-col>.je-func{
      border:1px solid @border-color-base;
    }
    .je-func-children-title{
      height:38px;
      line-height: 38px;
      padding-left:18px;
      color: @primary-color;
      background-color: #F1F1F1;
      border-color:@border-color-base;
      border-style: solid;
      border-width: 1px 1px 0 1px;
      &-content{
        display: inline-block;
        position: relative;
        cursor: pointer;
        &::after{
          content: '';
          height: 2px;
          position: absolute;
          bottom:0;
          left:0;
          width:100%;
          background-color: @primary-color;
        }
        .title-icon{
          margin-right:5px;
        }
      }
    }
  }

  &-field{
    padding:0;
    &-action-cell,
    &-action-header{
      .action-item{
        margin:0 3px;
        font-size: 14px;
        cursor: pointer;
        &.red{
          color:#e34f47
        }
        &.green{
          color:#02a863
        }
      }
      .vxe-cell{
        padding:0;
      }
    }
    &.is--fullscreen{
      position: fixed;
      left:0;
      top:0;
      width:100% !important;
      height:100% !important;
      z-index: 11;
    }
    &-tbar{
      padding: 10px;
      .title{
        font-size: 18px;
      }
      .close{
        color: #A9ABA9;
        cursor: pointer;
        float: right;
        padding: 5px;
      }
    }
    &-bbar{
      .open{
        color:#A9ABA9;
        cursor: pointer;
        float: right;
      }
    }
    &.is--disabled{
      .vxe-table--body-wrapper{
        cursor: not-allowed;
      }
    }
  }
  // 子功能列表边框处理
  .je-grid-func{
    padding:0;
    .vxe-table--border-line{
      border-width:1px 0;
    }
    .je-grid-func-tbar{
      padding:0 12px;
    }
    &.use-query-tree{
      padding-left:12px;
      .vxe-table--border-line{
        border-left-width:1px;
      }
      .je-grid-func-tbar{
        padding-left:0;
      }
    }
  }
}